适用场景:

表单的新增或编辑操作

其一:【适用新增、编辑操作】

1.关于及时清空表单校验规则的必要。【设置prpo的规则清空】
我们会在创建表单时,对应一些必传的属性进行添加校验规则,
vue中我们给表单必填字段做校验,同时我们需要在没有使用表单时,进行清空表单校验。
为什么需要这样做?

解:例如我们做新增操作,未填写必传字段,就点击保存按钮,然后关闭form表单了,第一次进来后页面仍旧会显示上一次操作的表单校验规则!一般用于表单api服务请求成功后,关闭form页面时,触发!
在这里插入图片描述

在这里插入图片描述

其二【适用于新增操作】

2.关于vue表单进行提交后,及时重置表单的必要。【页面的属性ngmodel的清空】

当我们对表单进行新增操作后,form表单中的属性的ngmodel值并未被清空,一则实例化对象为空,二则使用vue中方法置空表单。
避免,打开新增form表单时,页面显示上一次的录入值!一般用于表单请求服务后,进行清空表单!(注意:有时候需要手动置空表单中一些下拉的数据哦!)

致自己:

【若看到不是很明白,先温故表单添加校验规则的知识】
https://blog.csdn.net/qq_41930094/article/details/122596781

Logo

前往低代码交流专区

更多推荐