el-dialog点击右上角关闭

要实现点击模态框右上角关闭，你可以使用以下方法：

1. 使用 `@close` 事件：在 `el-dialog` 组件上绑定 `@close` 事件，并在事件处理程序中关闭模态框。

<template>
  <el-dialog :visible="dialogVisible" @close="closeDialog">
    <!-- 模态框内容 -->
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    closeDialog() {
      this.dialogVisible = false;
    }
  }
};
</script>

2. 使用 `show-close` 属性：将 `show-close` 属性设置为 `true`，这将在模态框的右上角显示关闭按钮，并自动处理关闭事件。

<template>
  <el-dialog :visible="dialogVisible" show-close>
    <!-- 模态框内容 -->
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  }
};
</script>

这两种方法都可以实现点击模态框右上角关闭模态框的功能。选择其中一种适合你的需求即可。