el-dialog close回调

el-dialog的close回调函数是在用户点击关闭图标或遮罩关闭Dialog时触发的。可以在该回调函数中添加相关逻辑。例如，在before-close属性中指定一个方法，该方法会在关闭Dialog之前执行。在这个方法中，可以进行一些操作，比如弹出确认框，然后根据用户的选择来决定是否关闭Dialog。\[1\]

在示例代码中，可以看到handleClose方法被指定为before-close的回调函数。在这个方法中，使用了this.$confirm方法来弹出一个确认框，用户点击确认后调用done()方法来关闭Dialog。如果用户点击取消，则不执行任何操作，Dialog保持打开状态。\[1\]

另外，如果在Dialog中使用了带有prop属性的el-input元素，它们会参与字段的校验。当关闭Dialog再次打开时，可能会发现校验的错误信息仍然保留在表单中。为了解决这个问题，可以在Dialog关闭时重置表单的校验规则。可以通过在close事件中调用$refs.dialogForm.resetFields()方法来实现。这样，每次关闭Dialog时，表单的校验规则都会被清除，下次打开Dialog时就不会显示之前的错误信息了。\[2\]

总结起来，el-dialog的close回调函数可以用来执行一些在关闭Dialog之前需要处理的逻辑，比如弹出确认框、清除表单的校验规则等。\[1\]\[2\]
#### 引用[.reference_title]
- *1* [el-dialog的before-close](https://blog.csdn.net/ZMJ_QQ/article/details/120280746)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [ElementUI dialog配合form,关闭dialog时清除校验](https://blog.csdn.net/qq_25857899/article/details/117702556)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [记录element bug issuei：el-dialog的close事件有bug：导致回调方法被执行了两次](https://blog.csdn.net/LiyangBai/article/details/107761134)[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^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]