前提:在el-form表单中,框中有值,失去焦点或者框内值改变的时候,校验提示,依旧没有消失el-select校验失效问题
之前el-select,trigger时候用的“blur”,导致失效,现在 el-select 统一改为"change"
rules: {
ruleCode: [
{ required: true, message: `规则编码不能为空`, trigger: "change" }
]
},
奇怪的是,我表单里面有三个el-select,其他两个生效了,只有另外一个没有生效
form表单里面,el-select会出现失效的情况,尤其是我这个el-foem-item 里面又嵌套了el-row
层级太深了,form检测不到addform的变化,这个时候要么change事件里面强制更新dom触发(视图更新)
change(val){
this.$set(this.addForm,'tableName',val)
this.$forceUpdate()
}
参考文档:element-ui 表单校验,el-select校验失效问题_el-select 校验-CSDN博客