在ui-element 上的说明用this.$refs[formName].resetFields() 可以重置表单,试过了几次才发现要只用这种方式重置表单必须要在表单标签中加入prop 和required 属性,通过这种方式重置才有效果。
加上required 和prop 后是可以重置了,但是,又会在标签前面显示 * 必填的标识,好吧,有点无语,我想重置的是搜索框,又不需要必填。没办法只能在百度看看,
后面找到了两个方法,也可以实现重置功能。formSearch为表单名称。
我们可以通过this.$data获取当前状态下的data,通过this.$options.data()获取该组件初始状态下的data。然后只要使用Object.assign(this.$data, this.$options.data())就可以将当前状态的data重置为初始状态
(原文链接:https://blog.csdn.net/u013299635/article/details/90485860)
Object.assign(this.$data, this.$options.data())
// 这里重置vue中 data 对象下的所有数据
Object.assign(this.$data.formSearch, this.$options.data().formSearch)
// 这里重置 formSearch 数据,其他不受影响