element 弹窗关闭事件
时间: 2023-07-01 18:13:10 浏览: 736
JS模仿关闭360助手弹窗提示的代码.zip
如果你是使用 Element UI 框架中的弹窗组件,你可以在弹窗中添加一个 `@close` 事件来响应弹窗关闭的事件,如下所示:
```html
<el-dialog
title="弹窗标题"
:visible.sync="dialogVisible"
@close="handleDialogClose">
<!-- 弹窗内容 -->
</el-dialog>
```
在这里,`dialogVisible` 是一个绑定到弹窗的 `visible` 属性的变量,`handleDialogClose` 是一个在弹窗关闭时被调用的方法。
```javascript
data() {
return {
dialogVisible: false,
};
},
methods: {
handleDialogClose() {
console.log('弹窗关闭了');
},
},
```
当你点击弹窗上的关闭按钮或按下 ESC 键时,`@close` 事件会被触发,`handleDialogClose` 方法会被调用。你可以在该方法中添加你需要执行的逻辑。
阅读全文