el-dialog点击旁边地方不关闭

"el-dialog"是Element UI库中的一个组件，它通常用于创建可定制的弹出对话框。当你想要创建一个当用户点击对话框外部区域自动关闭的功能时，可以设置其`close-on-click-modal`属性。默认情况下，这个属性值是`true`，表示点击对话框外部会关闭对话框。

如果你不想让它自动关闭，你可以将`close-on-click-modal`的值设为`false`，或者在JavaScript中控制其关闭逻辑，例如添加事件监听并处理是否关闭的条件。以下是基本的示例：

// 在Vue中
<template>
  <el-dialog
    :close-on-click-modal="dialogCloseOutside"
    @close="handleDialogClose"
  >
    <!-- 内容 -->
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogCloseOutside: true, // 或者设置为 false 来阻止自动关闭
    };
  },
  methods: {
    handleDialogClose() {
      if (this.dialogCloseOutside) {
        this.$refs.dialog.close();
      }
    },
  },
};
</script>

在这里，`handleDialogClose`函数可以根据你的需求来决定是否真的关闭对话框。