Element UI重置表单

本文详细介绍了如何使用ElementUI进行表单重置。关键在于设置表单元素的ref和:model属性,确保每个表单项的prop属性与绑定数据一致,从而通过$refs调用form元素的ref属性值实现重置。

关于Element UI重置表单

在这里插入图片描述
首先表单元素要有两个属性 ref 和绑定属性 :model

在这里插入图片描述
PS:queryData是 Vue data中创建的一个对象数组,这个对象数组里面是表单元素双向绑定的变量

在这里插入图片描述

然后每一个表单item里面要有这个prop属性 而且要和input或其它元素的这个绑定数据一致

在这里插入图片描述

在这里插入图片描述

再然后就可以写重置方法了 这个$refs调用的就是上面form元素中ref的属性值

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值