如何在保存后不触发el-dialog的@close事件

如果你想在保存后不触发@close事件，可以在保存操作完成后手动关闭el-dialog组件，而不使用@close事件。\n\n你可以在保存操作完成后调用this.$refs.dialogName.close()来关闭el-dialog组件，其中dialogName是你在el-dialog组件上使用ref属性指定的名称。\n\n下面是一个示例代码：\n\nhtml\n<template>\n <div>\n <el-dialog :visible.sync="dialogVisible" :before-close="handleClose">\n <!-- dialog content -->\n <span>Dialog Content</span>\n <div slot="footer">\n <el-button @click="handleSave">Save</el-button>\n </div>\n </el-dialog>\n </div>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n dialogVisible: false\n };\n },\n methods: {\n handleSave() {\n // TODO: 执行保存操作\n\n // 手动关闭 el-dialog 组件\n this.$refs.dialogName.close();\n },\n handleClose(done) {\n // 如果需要触发 @close 事件，可以调用 done() 方法\n // done();\n }\n }\n};\n</script>\n\n\n在上述代码中，handleSave方法中执行了保存操作，并手动关闭了el-dialog组件。如果需要触发@close事件，可以在handleClose方法中调用done()方法。