Vue中scoped穿透 修改子组件样式

scoped看起来很好用,在Vue项目中,当我们引入第三方组件库时(如使用vant的tab标签页固定),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped

stylus的样式穿透 使用 >>>,注意:必须使用scoped才能使用>>>

.van-tabs >>> .van-tabs__wrap { top: 0; position: fixed; }
posted @ 2022-10-24 20:56  享受生活2023  阅读(21)  评论(0编辑  收藏  举报