element 的 Form 组件提供了表单验证的功能,需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名。

有几点一定要注意:

1.必须有对应的 ref,且名字一致,表明重置哪个表单。

2.prop 设置的字段名要和 v-model 绑定的字段名一致,否则重置表单或进行自定义校验规则时不会生效。 

3.仅使用重置功能时具体校验规则不必写,但要重置的字段一定得有对应的 prop,这也是经常被忽略的地方。

4.每次打开表单的时候不要忘记初始化没有显示在页面上的一些数据,如集合数组等,因为其没有加对应的prop,所以不会被重置。

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐