vue 使用Class 與 Style 綁定過程中實戰易錯點個人總結

vue 使用Class 與 Style 綁定過程中實戰易錯點個人總結
1, 使用 [{active: isActie}, target] 或者 {active:isActive} 這兩種形式的類的時候,(達到通過布爾控制樣式的切換) 需要注意的問題,或者是編程時候容易寫錯的地方注意提醒
1) class 必須攜程:class =“” 的形式, 必須不能少了“冒號”, 有了冒號裏面的東西纔是js表達式
2)不管是數組還是對象形式的類,裏面的非對象形式的單獨的類名都一定要在data裏面定義,指定字符串類(即指定了使用了那個css)比如target在data裏面定義之後 指定字符串‘target’,然後再在css裏面定義好這個target 就可以使用了
3)對於這種形式 {active:isActive}的,我們在css裏面定義active的時候,它非活動狀態的css樣式要高於它,在active的前面定義,這點非常重要

請尊重我的個人原創,如有使用我的文章內容,請標明轉載!!!違者必究!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章