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

Posted 2020-11-29 zaijin-yang

vue引用了第三方组件,

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

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

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

但是，在sass中存在无法解析>>>符号，所以可以用/deep/操作符（>>>别名）

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

1 <style scoped>
2   外层 >>> 第三方组件 {
3     
4    }
5 </style>