el-dialog 使用方法调用关闭

以下是使用el-dialog关闭的方法：

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible" title="提示" @close="handleClose">
      <span>这是一段内容</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    handleClose() {
      // 在关闭dialog时执行的操作
      console.log('dialog已关闭');
    }
  }
};
</script>

在上述代码中，我们使用了`@close`事件来监听dialog的关闭操作，并在`handleClose`方法中执行了相应的操作。同时，我们也可以在`<el-dialog>`标签中使用`:visible.sync`来控制dialog的显示和隐藏。