vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。
有些Sass 之类的预处理器无法正确解析>>>
。可以使用/deep/
操作符(>>>
的别名)
<style scoped>
外层 >>> 第三方组件 {
样式
}
/deep/第三方组件 {
样式
}
</style>
时间:2022-08-10 05:31:57
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。
有些Sass 之类的预处理器无法正确解析>>>
。可以使用/deep/
操作符(>>>
的别名)
<style scoped>
外层 >>> 第三方组件 {
样式
}
/deep/第三方组件 {
样式
}
</style>