vue中修改第三方组件的样式并不造成污染

Posted zaijin-yang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中修改第三方组件的样式并不造成污染相关的知识,希望对你有一定的参考价值。

vue引用了第三方组件,

需要在组件中局部修改第三方组件的样式,

而又不想去除scoped属性造成组件之间的样式污染。

此时只能通过>>>,穿透scoped。

但是,在sass中存在无法解析>>>符号,所以可以用/deep/操作符(>>>别名)

1  <style lang=‘scss‘ scoped>
2     外层 /deep/ 第三方组件 {
3      
4      }
5  </style>
1 <style scoped>
2   外层 >>> 第三方组件 {
3     
4    }
5 </style>

 

以上是关于vue中修改第三方组件的样式并不造成污染的主要内容,如果未能解决你的问题,请参考以下文章