vue el-dialog 监听事件
时间: 2023-07-01 22:12:38 浏览: 155
如果你想在 `el-dialog` 组件中监听事件,可以使用 `@open` 和 `@close` 事件来实现。具体实现方法如下:
```html
<template>
<div>
<el-button @click="dialogVisible = true">打开 Dialog</el-button>
<el-dialog
title="Dialog 标题"
:visible.sync="dialogVisible"
@open="onDialogOpen"
@close="onDialogClose"
>
<span>这是 Dialog 内容</span>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogVisible: false,
};
},
methods: {
onDialogOpen() {
console.log('Dialog 打开了');
},
onDialogClose() {
console.log('Dialog 关闭了');
},
},
};
</script>
```
在上面的代码中,我们使用了 `:visible.sync` 对话框的显示状态进行了双向绑定,通过 `@open` 和 `@close` 监听对话框的打开和关闭事件,并在控制台中输出信息。
阅读全文
相关推荐
















