天天看点

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组件修改样式不生效解决方法