天天看點

vue使用iview或者element-ui元件修改樣式不生效解決方法

vue使用iview或者element-ui元件修改樣式不生效解決方法

微信公衆号:前端程式猿之路

關注可了解更多的前端知識,回報問題或建議,請公衆号留言。

如果你覺得公衆号内容對你有幫助,歡迎關注并轉載

1.樣式如果定義為

<style scoped></style>

使用 &/deep/來修改元件的樣式

在引用的元件外面套一層div,在div中定義一個class,例如class=“desinger”

修改樣式時如下操作即可:添加&/deep/

vue使用iview或者element-ui元件修改樣式不生效解決方法

2.樣式如果沒有定義

lang<style scoped></style>,

則使用>>>來修改

eg:

vue使用iview或者element-ui元件修改樣式不生效解決方法

歡迎關注公衆号,有你想要的前端知識:

vue使用iview或者element-ui元件修改樣式不生效解決方法