必须注意巨坑：el-form-item上的prop要和 v-model的值名字相同，否则会无效 一、文本框、多选校验 <el-form :model="ruleFor ...

表单提交 ...

转载自： 一、简单逻辑验证（直接使用rules） 实现思路 •html中给el-form增加 :rules="rules"•html中在el-form-item 中增加属性 prop="名称" ...

...

...

问题细化一下是这样的：比如我有一个用来修改数据的表单，第一条数据是{name: 'Xixi', age: 12}，打开表单后就有两个输入框分别填的是Xixi和12，此时我修改Xixi为Haha，调用this.$refs[].resetFields()后，该表单数据恢复为Xixi和12，这是没问题 ...

复杂表单如下： 效果图： ...

element-ui Form表单验证规则全解 element的form表单非常好用,自带了验证规则,用起来很方便,官网给的案例对于一些普通场景完全没问题,不过一些复杂场景的验证还得自己多看文档摸索,自己经过数次爬坑 之后,总结了几种form表单的验证规则,为了便于阅读,验证 ...