element-ui没有添加diabled属性但是希望他不能编辑

element-ui radio和checkbox禁用时不置灰还是原来不禁用时的样式-CSDN博客
和这个文章功能是一样的。但是换了一种思路解决。/*没有添加disabled属性也不让他编辑*/
.notEdit-page .el-checkbox__input.is-disabled + span.el-checkbox__label,
.notEdit-page .el-radio__input.is-disabled + span.el-radio__label {color: #606266;
}
.notEdit-page .el-radio__inner:hover,
.el-checkbox__inner:hover {border: 1px solid #aaa;
}
.notEdit-page .el-radio,
.notEdit-page .el-radio__input,
.notEdit-page .el-radio__inner,
.notEdit-page .el-checkbox__input,
.notEdit-page .el-checkbox__label {cursor: not-allowed;
}