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封装自定义v-model的hooks示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了vue 需求 data中的数据之间的调用操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要为大家详细介绍了vue.js实现h5机器人聊天测试版，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章主要为大家详细介绍了vue组件父子间通信之综合练习聊天室制作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
有时候我们使用el-table的选择框时,如果涉及修改、删除时,可能一次只允许用户选择一条,这样的话如果使用顶部的全选复选框就不合适了,这篇文章主要给大家介绍了关于el-table表头全选框隐藏或禁用设置的相关资料,需要的朋友可以参考下2023-09-09
这篇文章主要为大家详细介绍了Vue实现简单跑马灯特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
在Vue.js开发中,我们经常需要创建可复用的组件,这些组件可能会有自己的样式规则,而有时我们希望父组件能够影响子组件的样式,本文将详细介绍如何使用v-deep以及一些相关的最佳实践,需要的朋友可以参考下2024-10-10
vuex是一个专门为vue.js设计的集中式状态管理架构。这篇文章主要介绍了vuex的简单使用,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了VUE 实现element upload上传图片到阿里云，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
下面小编就为大家分享一篇vue页面离开后执行函数的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
最新评论