vue修改第三方组件样式 - 罗任德

vue修改第三方组件样式

2020-11-06 11:34  罗任德  阅读(643)  评论(0)  编辑  收藏  举报

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。

有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)

 

 

<style scoped>
  外层 >>> 第三方组件 {
      样式
  }

  /deep/  第三方组件 {
      样式
  }
</style>

•