vue引用了第三方组件,如elementUI,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。
办法一:
使用::v-deep操作符( >>> 的别名)
这里说还可以用/deep/,但是我试验了这个直接报错了。用::v-deep是有效果的
办法二:
在vue组件中使用两个style标签,一个加scoped属性,一个不加scoped属性,把需要覆盖的css样式写在不加scoped属性的style标签中。
例子1:调整el-table中背景样式,比如半透明
效果如下: