解决vant 无法修改组件的样式问题,亲测有效

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

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

    我有用sass预处理器

 

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

 

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

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

 

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

//2020/9/16更新

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值