vue3使用深度选择器

vue3.0 less直接使用::v-deep或者/deep/深度选择器抛出如下警告

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

原因 : 新的vue3.0 单文件规范::v-deep写法已经被废弃了

解决: 修改成 如下写法，不要加空格

?

1 2 3 4 5 6 7

//正确写法:deep(.el-form-item__label) {   font-size: 15px;   color: rgb(22, 22, 22); } :deep(.el-form-item) {   margin-bottom: 0; }

　　

?

1 2 3 4 5

//错误写法  ::v-deep .el-form-item__label {   font-size: 15px;   color: rgb(22, 22, 22); }