elemenui dailog 如何销毁
时间: 2023-08-14 12:03:28 浏览: 39
可以通过以下步骤销毁 elemenui dialog:
1. 获取到 dialog 实例,可以通过 ref 或者 $refs 属性获取。
2. 调用 dialog 实例的 close 方法,该方法会将 dialog 关闭并从 DOM 中移除。
3. 如果需要完全销毁 dialog,可以在关闭 dialog 后手动将其实例销毁,可以通过调用 dialog 的 $destroy 方法实现。
下面是一个示例代码:
```
<template>
<el-dialog ref="dialog" :visible="dialogVisible" @closed="handleDialogClosed">
<span>这是一个 dialog</span>
</el-dialog>
</template>
<script>
export default {
data() {
return {
dialogVisible: true,
dialogInstance: null
}
},
mounted() {
this.dialogInstance = this.$refs.dialog;
},
methods: {
closeDialog() {
this.dialogInstance.close();
},
handleDialogClosed() {
this.dialogInstance.$destroy();
}
}
}
</script>
```
在上面的示例中,我们首先在 mounted 阶段获取到 dialog 实例并保存到 dialogInstance 变量中。在 closeDialog 方法中,我们调用 dialogInstance 的 close 方法来关闭 dialog。在 handleDialogClosed 方法中,我们调用 dialogInstance 的 $destroy 方法来销毁 dialog 实例。