Vue重置或清空表单数据及验证信息 简单快速

在使用Vant或Element UI框架时经常会遇到,再次打开表单时,原来的数据和验证信息一直保留

Vant表单

Vue给了一个特殊属性 :key ,它在官方的定义是:

Vant key说明

Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。key 可以用于强制替换元素/组件而不是重复使用它。只需要保证每次生成的 key 值不一样,就会重新渲染。

Vant表单代码

用 +new Date() 时间戳生成一个每次都不一样的值,这样就可以实现每次重新渲染而不是重复使用。

new Date 前面加上 + 是把它转换成Number类型。

发表评论

电子邮件地址不会被公开。 必填项已用*标注