Vue项目中使用iView组件库设置样式不生效的解决方案
更新时间:2022年09月22日 10:46:13 作者:圆唉_
这篇文章主要介绍了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:

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue3使用vis绘制甘特图制作timeline可拖动时间轴及时间轴中文化(推荐)
这篇文章主要介绍了vue3使用vis绘制甘特图制作timeline可拖动时间轴,时间轴中文化,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-02-02
解决vue elementUI 使用el-select 时 change事件的触发问题
这篇文章主要介绍了解决vue elementUI 使用el-select 时 change事件的触发问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11


最新评论