在vue中,常规写style都会加上scoped,以避免全局污染,但是加上了scoped会导致无法修改 vant UI框架组件本身的样式

但是scoped是不能放弃的,这辈子都不能放弃的,那就得另寻出出路了

    我有用sass预处理器

 

在有sass预处理器 情况下,要解决上述问题不难,只要在原有的样式类前面加   /deep/  即可

 

这样就可以达到了 在有scoped的情况下 也能修改组件的样式啦!

:深度选择器有  >>>    /deep/  ::v-deep  三种,在Less或Sass等预处理器下无法正确识别 >>>,所以我一般用 /deep/ ,如果/deep/ 不行可以试试 vue官方的 ::v-deep

 

开发过程简单记录,若有不恰当之处,欢迎指正

//2020/9/16更新

Logo

前往低代码交流专区

更多推荐