Deprecation Warning: The selector “.el-form > > >

 今天做项目的时候偶然发现一个这样的问题,当时就表示特别疑惑,都是vue2的老项目为什么同样的样式,粘过来就会报sass的错误呢?后来一想sass也不是第一次出问题就突然释怀了。别人家的插件库是不管如何升级都会保留之前的用法和api以免用户和开发人员在升级新版的时候代码报错,导致无法排查。但是sass是个另类!

        根据vscode的提示去了sass官网看到了新版本的sass/scss 已经不在支持 /deep/ 和 >>>这两种深度选择器的方法。

        这里普及一下vue项目中常用的深度选择器。deep 和 >>> 再过往的运用中经常使用的可能会发现,有极少情况的时候deep找不到的深度,>>>是可以找到的。但是在最新版本的/deep/ 和 >>>双双被废弃!
        这里要注重解释一点,看了网上很多大神的帖子说/deep/ 和 >>>实在vue3被弃用的。我觉得这个说法是有歧义的,应该不是在vue3.0被弃用。而是因为vue3.0引用了更高版本的sass,sass-loader,node-sass的原因(这波vue3.0不背锅)也希望后续sass能够合理正常的更细你自己的保本保留之前的方法和api。

废话不多说接下来上解决方案:
        ·································解决的方式是全部替换 /deep/ 和 >>> 替换成 ::v-deep 如下图所示。

这样就可以了。如果有大神还有其他的见解,或者自己的看法,欢迎随时留言和指导。谢谢。

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值