Vue 使用Scss预处理Css,在使用深度作用选择器修改局部ui默认样式时,/deep/报错不生效

深度作用选择器有>>>和别名/deep/

基本在纯css中使用,类似Sass,less的Css预编译器一般都用/deep/。

出现的问题
最近在写项目的时候(使用eslint-standard代码校验),我用Sass(dart-Sass)使用/deep/修改局部默认ui样式的时候,发现终端报错,并指明是/deep/这块的错误。报错如下

在这里插入图片描述

了解到现在可以使用::v-deep去代替/deep/

::v-deep .van-notice-bar__wrap {
  height: 30px;
  padding-left: 20px;
}

转载:https://blog.csdn.net/qq_37012136/article/details/103055228