关于在vue3项目中使用/deep/和::v-deep控制台报警告的问题记录--【vue3中用:deep()代替】

wangshuo0520ai

3085人浏览 · 2022-07-15 14:09:08

wangshuo0520ai · 2022-07-15 14:09:08 发布

vue3中强制修改组件样式使用:deep()

【问题出现背景】在开发过程中需要对组件样式进行强制修改，但是却在控制台报出了警告提示：

[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.

当时就觉得很纳闷于是度娘了一番才知道：原来在vue3中原来vue2中 ::v-deep和/deep/的写法已经被弃用了，改成 :deep()代替

在这里插入图片描述
修改为以下写法：

工作小记录，共同学习共同成长！！！耶耶耶

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^