element ui 表单重置
时间: 2023-09-03 17:06:47 浏览: 115
在使用Element UI表单进行重置时,可以使用resetFields()方法。该方法会重置表单的字段值为初始值,取消所有的验证状态。如果你的组件是封装好的,你可以将重置按钮直接写在data()里的数组中,然后在点击事件中调用resetFields()方法来完成重置操作。另外,你也可以使用Object.assign()方法将当前组件的数据与初始数据进行合并,实现表单重置的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [快速解决Vue、element-ui的resetFields()方法重置表单无效的问题](https://download.csdn.net/download/weixin_38672731/12924161)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [重置表单(vue-elementui)](https://blog.csdn.net/Amouzy/article/details/110791909)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文