After checking the bound form, rules, prop, and v-model, there is no problem. Finally, I found a solution after checking a lot of information. '
Reason: For example, in the case below, el-form-item is nested in el-form-item, the hierarchy is too deep, and form cannot detect the change of addform.
Solution:
1. In the change event, force update dom trigger (view update)
this.$forceUpdate();
insert picture description here
2. In the change event, copy the data bound to the form form this.addForm = JSON.parse(JSON.stringify(this.addForm));
or describe it like thisthis.addForm = { ...this.addForm };
Reference blog:
element-ui form verification, el-select verification failure problem