vue中樣式scope的坑

2021-09-12 18:58:09 字數 299 閱讀 6210

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 ...