之前在项目中用到了 vant,使用特别简单,而且组建也非常的丰富。即时这样,在项目中肯定也需要用额外的样式来打造自己的应用。直接在 .... 中编写的话只会影响当前组件内的样式,但如果去掉scoped话又会影响全局样式。想了好多方法,都没得到很好的解决。没想到官方文档中其实早就给出了解决方案,怪自己没有认真看过文档,对vue的掌握还是不够熟悉啊,得好好学习了。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之――两者都是 >>> 的别名,同样可以正常工作。如果vue的style使用的是css,那么则但是像scss等预处理器却无法解析>>>,所以我们使用下面的方式.但是有些开发者反应,在vue-cli3编译时,deep的方式会报错或者警告。

vue样式穿透 ::v-deep的具体使用

vue样式穿透 ::v-deep的具体使用