Vue中 scss不支持/deep/写法问题

在style有scoped属性时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox /deep/ .el-input__inner{padding:0 10px;}如果/deep/报错，可采用::v-deep.conBox ::v-deep .el-input__inner{padding:0 10px;}..

好菜的程序媛

7304人浏览 · 2020-08-06 16:05:39

好菜的程序媛 · 2020-08-06 16:05:39 发布

在style有scoped属性时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如

.conBox /deep/ .el-input__inner{
    padding:0 10px;
}

如果/deep/报错，可采用::v-deep

.conBox ::v-deep .el-input__inner{
    padding:0 10px;
}

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}$/, //不连续的两位字母// /^