el-dialog关闭的几种方式

Vue.js 中的 el-dialog 组件有以下几种关闭方式：

1. 点击遮罩层关闭：设置 `:close-on-click-modal="true"`，点击遮罩层即可关闭 dialog。

2. 点击右上角关闭按钮关闭：设置 `:show-close="true"` 即可显示右上角的关闭按钮。

3. 调用方法关闭：可以在组件中定义一个关闭方法，通过调用该方法来关闭 dialog。例如：

<el-dialog ref="myDialog"></el-dialog>
...
this.$refs.myDialog.close();

4. 绑定变量控制关闭：可以通过绑定一个变量来控制 dialog 的显示和隐藏。例如：

<el-dialog :visible.sync="dialogVisible"></el-dialog>
...
data() {
  return {
    dialogVisible: false
  }
},
methods: {
  closeDialog() {
    this.dialogVisible = false;
  }
}

以上是 el-dialog 的几种关闭方式，可以根据实际需求选择相应的方式。