关于Vue中及时清空表单校验规则和重置表单

适用场景:

表单的新增或编辑操作

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

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

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

在这里插入图片描述

其二【适用于新增操作】

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

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

致自己:

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

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值