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

前端程式猿之路發表於2019-11-26

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

微信公眾號:前端程式猿之路
關注可瞭解更多的前端知識,反饋問題或建議,請公眾號留言。
如果你覺得公眾號內容對你有幫助,歡迎關注並轉載

1.樣式如果定義為<style lang="less" scoped></style>
使用 &/deep/來修改元件的樣式
在引用的元件外面套一層div,在div中定義一個class,例如class=“desinger”
修改樣式時如下操作即可:新增&/deep/
在這裡插入圖片描述
2.樣式如果沒有定義lang<style scoped></style>,則使用>>>來修改
eg:
在這裡插入圖片描述
歡迎關注公眾號,有你想要的前端知識:
在這裡插入圖片描述

相關文章