el-dialog 取消点击遮罩层关闭dialog方法

`el-dialog` 是 Element UI 中的一个轻量级对话框组件，在 Vue.js 中使用。如果你想取消默认的点击遮罩层关闭对话框的行为，并自定义这一过程，你可以通过在 `el-dialog` 的选项对象中设置 `customClass` 或者 `close-on-click-modal` 属性。

1. 如果你想保留遮罩层，但禁用点击关闭功能，可以添加一个自定义 CSS 类到遮罩层上，比如：

<template>
  <el-dialog :custom-class="{'no-close-on-mask': true}">
    <!-- Your dialog content here -->
  </el-dialog>
</template>

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

<style scoped>
.no-close-on-mask .el-dialog__mask {
  pointer-events: none;
}
</style>

在这个例子中，`.no-close-on-mask .el-dialog__mask` 将阻止遮罩层响应鼠标点击事件。

2. 如果完全不想让用户通过点击遮罩关闭对话框，可以设置 `close-on-click-modal` 为 `false`：

<template>
  <el-dialog :close-on-click-modal="false">
    <!-- Your dialog content here -->
  </el-dialog>
</template>