目录
  • 使用iView组件库设置样式不生效问题
  • 解决使用iview或者element-ui组件修改样式不生效
    • 1.样式如果定义为
    • 2.样式如果没有定义

使用iView组件库设置样式不生效问题

找到要设置样式的类名，直接按照下面写法设置就可以了！

<style lang="less" scoped>
@deep: ~'>>>';
@{deep}.ivu-transfer-operation {
    visibility: hidden !important;
}
</style>

解决使用iview或者element-ui组件修改样式不生效

1.样式如果定义为

<style lang="less" scoped></style>

使用 &/deep/来修改组件的样式

在引用的组件外面套一层div，在div中定义一个class,例如class=“desinger”

修改样式时如下操作即可：添加&/deep/

Vue项目中使用iView组件库设置样式不生效的解决方案

2.样式如果没有定义

lang<style scoped></style>,则使用>>>来修改

eg：

Vue项目中使用iView组件库设置样式不生效的解决方案

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。