el-dialog 关闭窗口数据销毁
时间: 2024-04-26 10:16:46 浏览: 159
element ui 对话框el-dialog关闭事件详解
el-dialog 是 Element UI 中的一个组件,用于创建弹窗窗口。当关闭 el-dialog 窗口时,默认情况下是不会销毁窗口中的数据的。如果需要在关闭窗口时销毁数据,可以通过设置 dialog 的 destroy-on-close 属性来实现。
destroy-on-close 属性是一个布尔类型的属性,设置为 true 时,关闭窗口时会销毁窗口中的数据;设置为 false 时,关闭窗口时不会销毁数据,默认值为 false。
以下是一个示例代码:
```html
<template>
<div>
<el-button @click="openDialog">打开弹窗</el-button>
<el-dialog :visible.sync="dialogVisible" :destroy-on-close="true">
<!-- 窗口内容 -->
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogVisible: false
};
},
methods: {
openDialog() {
this.dialogVisible = true;
}
}
};
</script>
```
在上述示例中,当点击 "打开弹窗" 按钮时,会打开 el-dialog 弹窗。而在 el-dialog 组件中,我们设置了 destroy-on-close 属性为 true,这样当关闭弹窗时,窗口中的数据会被销毁。
阅读全文