this.$refs[formName].resetFields() 失效

在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 数据,其他不受影响

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值