vue中給dom加樣式是同過屬性選擇器來加的,
所以會在mouted給每個dom標籤(不太懂)加乙個data-…
而很多的外掛程式都是在mouted後操作dom所以未能給新生成的dom 元素加data-…
導致在屬性選擇器加樣式時不能起作用,因為後來的新生成的標籤根本被選中類樣式,
處理辦法,
1.去掉 元件style中的scope,這樣就是全域性的樣式,就都有樣式了,
2.在樣式前面加個/deep/就可以了
3.在common.css中新增,效果和第一種一樣,想好自己的類命名不重複就行
vue的scope導致樣式修改不了問題
如果你在用vue開發,你一定用過它css的scoped屬性,你會發現當你新增scope屬性以後,有時候修改樣式變得很費勁有木有?這裡先說一下scoped的原理 再新增scoped以後,大致可以看成做了兩步操作 給html的dom節點加乙個不重複data屬性 形如 data 來表示他的唯一性 在每句c...
Vue中的樣式
第一種 class的繫結 red thin italic active style class thin italic red class樣式第一種繫結 p class thin italic flag?red class樣式第二種繫結 三目運算子 p class thin italic class...
vue中的樣式
其中,active,thin,red 是在style樣式中定義好的樣式。h1 class active thin red 不積跬步,無以至千里 h1 其中,calssobj是在new出來的vue中的data中的定義的乙個物件。h1 class calssobj 不積跬步,無以至千里 h1 data ...