首先贴一下代码
1.实现效果
2.相关代码
3.如何实现及注意事项
第一：给表单添加ref属性
第二：表单项el-form-item要添加prop属性，prop属性需要与input框绑定数据的最后名称一致，如v-model="form.enName", prop则应该为 prop="enName"
第三：在关闭事件中，写this.$refs.xxx.resetFields(); <此处xxx为form内ref属性起的名字，我这里是ref=“roleform”>
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
Vue、element-ui的resetFields()方法重置表单无效问题及解决办法
Element-UI Form表单 resetFields() 重置表单无效问题
Element form表单方法resetFields无效
elementui resetFields方法重置表单失败
vue+element-ui 实现重置表单内容
element-ui重置表单并清除校验的方法
vue系列---【vue项目中element-ui如何实现点击重置按钮，重置表单数据？】
element ui 中的 resetFields() 报错'resetFields' of undefined
element resetFields 方法报错
vue + element-ui 表单校验封装公用方法