element-ui 表单校验,el-row下的el-select校验失效,回显时校验失效,有值却校验

场景如下
项目中有权限配置 弹窗中表单验证 回显时校验失效 一直触发表单验证 代码如下
element-ui 表单校验,el-row下的el-select校验失效,回显时校验失效,有值却校验_第1张图片
查了相关资料
form表单里面 el-row包裹下的el-form-item中的el-select会出现失效的情况 层级太深 检测不到form的变化
解决方法
1:强制更新dom触发(视图更新)
在这里插入图片描述
2:在change事件里对form表单绑定的数据进行拷贝
this.form = JSON.parse(JSON.stringify(this.form))
或者
在这里插入图片描述

问题解决

你可能感兴趣的:(vue.js,javascript,elementui,echarts,前端)