vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue使用iView组件库设置样式不生效

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

作者:圆唉_

这篇文章主要介绍了Vue项目中使用iView组件库设置样式不生效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

使用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/

2.样式如果没有定义

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

eg:

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

您可能感兴趣的文章:
阅读全文