elementui dialog关闭事件
时间: 2023-09-08 14:08:43 浏览: 206
element ui 对话框el-dialog关闭事件详解
5星 · 资源好评率100%
在 Element UI 中,Dialog 组件有一个 `close` 事件,可以在 Dialog 关闭时触发。你可以通过在 Dialog 上绑定 `@close` 属性来监听该事件。以下是一个示例:
```html
<template>
<div>
<el-dialog
title="Dialog 标题"
:visible.sync="dialogVisible"
@close="handleClose"
>
<p>这是 Dialog 内容</p>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogVisible: false,
};
},
methods: {
handleClose() {
// 在关闭 Dialog 时触发
console.log("Dialog 已关闭");
},
},
};
</script>
```
在上面的示例中,当 Dialog 的关闭按钮被点击或者按下 ESC 键时,`handleClose` 方法会被调用,你可以在该方法中编写你需要执行的逻辑。
阅读全文