关于Vue中及时清空表单校验规则和重置表单
其一1.关于及时清空表单校验规则的必要。【设置prpo的规则清空】我们会在创建表单时,对应一些必传的属性进行添加校验规则,vue中我们给表单必填字段做校验,同时我们需要在没有使用表单时,进行清空表单校验。为什么需要这样做?解:例如我们做新增操作,未填写必传字段,就点击保存按钮,然后关闭form表单了,第一次进来后页面仍旧会显示上一次操作的表单校验规则!一般用于表单api服务请求成功后,关闭form
·
适用场景:
表单的新增或编辑操作
其一:【适用新增、编辑操作】
1.关于及时清空表单校验规则的必要。【设置prpo的规则清空】
我们会在创建表单时,对应一些必传的属性进行添加校验规则,
vue中我们给表单必填字段做校验,同时我们需要在没有使用表单时,进行清空表单校验。
为什么需要这样做?
解:例如我们做新增操作,未填写必传字段,就点击保存按钮,然后关闭form表单了,第一次进来后页面仍旧会显示上一次操作的表单校验规则!一般用于表单api服务请求成功后,关闭form页面时,触发!
其二【适用于新增操作】
2.关于vue表单进行提交后,及时重置表单的必要。【页面的属性ngmodel的清空】
当我们对表单进行新增操作后,form表单中的属性的ngmodel值并未被清空,一则实例化对象为空,二则使用vue中方法置空表单。
避免,打开新增form表单时,页面显示上一次的录入值!一般用于表单请求服务后,进行清空表单!(注意:有时候需要手动置空表单中一些下拉的数据哦!)
致自己:
【若看到不是很明白,先温故表单添加校验规则的知识】
https://blog.csdn.net/qq_41930094/article/details/122596781
更多推荐
已为社区贡献5条内容
所有评论(0)