关于Ant Design of Vue中form表单编辑或新增后再次点击编辑或新增依然出现上一条数据问题

在使用Ant Design of Vue这个框架时,界面创建新增和编辑时,出现一个问题,就是新增信息保存后再新增一条信息发现上一条新增的记录还在form表单里并没有清除,不管怎么去清除数据依旧出现这个问题,还有编辑的时候也同样出现这个问题,编辑完一条信息后再编辑或者新增第二条信息依然出现的是上一条信息的数据在form里面,所以一定要仔细阅读官网文档,不然就容易踩了这个坑。其实这个问题不难解决。官网文档已经写好方法了

resetFields重置一组输入控件的值(为 initialValue)与状态,如不传入参数,则重置所有组件Function([names: string[]])

只需要在保存成功后写上它就可以了,当然它也可以放在任何你想清除form表单信息的地方。

this.getform.resetFields()//getform是创建的form实例

如有不对的地方请指正。

参考文档:

Ant Design Vue

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值