Vue 实战-6 rest 重置表单不生效原因

element 的 Form 组件提供了表单验证的功能,需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名。
有两点需要注意:
1.要有对应的 ref,且名字一致,表明重置哪个表单。
2.prop 设置的字段名要和 v-model 绑定的字段名一致,否则重置表单或进行自定义校验规则时不会生效。
 
仅使用重置功能时具体校验规则不必填,但要重置的字段一定要有对应的 prop
每次打开表单的时候不要忘记初始化没有显示在页面上的一些数据,如集合数组等,因为没有对应的prop所以不会被重置。
 
原文地址:https://www.cnblogs.com/guo-s/p/14228963.html