element 的 Form 组件提供了表单验证的功能,需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名。
有几点一定要注意:
1.必须有对应的 ref,且名字一致,表明重置哪个表单。
2.prop 设置的字段名要和 v-model 绑定的字段名一致,否则重置表单或进行自定义校验规则时不会生效。
3.仅使用重置功能时具体校验规则不必写,但要重置的字段一定得有对应的 prop,这也是经常被忽略的地方。
4.每次打开表单的时候不要忘记初始化没有显示在页面上的一些数据,如集合数组等,因为其没有加对应的prop,所以不会被重置。