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

时间:2023-03-09 08:58:52
vue中修改第三方组件的样式并不造成污染

vue引用了第三方组件,

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

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

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

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

  <style lang='scss' scoped>
外层 /deep/ 第三方组件 { }
</style>
 <style scoped>
外层 >>> 第三方组件 { }
</style>