解决vant 无法修改组件的样式问题,亲测有效
在vue中,常规写style都会加上scoped,以避免全局污染,但是加上了scoped会导致无法修改 vant UI框架组件本身的样式但是scoped是不能放弃的,这辈子都不能放弃的,那就得另寻出出路了我有用sass预处理器在有sass预处理器 情况下,要解决上述问题不难,只要在原有的样式类前面加 /deep/ 即可这样就可以达到了...
·
在vue中,常规写style都会加上scoped,以避免全局污染,但是加上了scoped会导致无法修改 vant UI框架组件本身的样式
但是scoped是不能放弃的,这辈子都不能放弃的,那就得另寻出出路了
我有用sass预处理器
在有sass预处理器 情况下,要解决上述问题不难,只要在原有的样式类前面加 /deep/ 即可
这样就可以达到了 在有scoped的情况下 也能修改组件的样式啦!
补:深度选择器有 >>> /deep/ ::v-deep 三种,在Less或Sass等预处理器下无法正确识别 >>>,所以我一般用 /deep/ ,如果/deep/ 不行可以试试 vue官方的 ::v-deep
开发过程简单记录,若有不恰当之处,欢迎指正
//2020/9/16更新
更多推荐
已为社区贡献7条内容
所有评论(0)