css不想样式污染，整个项目报错无法运行

最新推荐文章于 2023-09-07 23:32:25 发布

原创最新推荐文章于 2023-09-07 23:32:25 发布 · 523 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

82 篇文章

订阅专栏

本文介绍了解决Vue项目中局部修改第三方组件样式的问题，当需要修改样式又不希望去除scoped属性导致样式污染时，如何使用>>>和/deep/操作符穿透scoped限制。


<style scoped>
改成
<style lang="less" scoped>
报错。整个项目无法运行。


解决方法：
vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。
有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)
把
>>>
改成
/deep/