自学内容网 自学内容网

element-ui 表单校验,失去焦点/框内值改变,校验

前提:在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博客


原文地址:https://blog.csdn.net/szzlh123456789/article/details/137225202

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!