el-dialog弹出之后不影响点击外面的事件

在Element UI的`el-dialog`组件中，当弹出对话框时，通常会阻止其内部元素响应外部元素的点击事件，这是为了保证对话框的交互不会被打断。这种阻止默认行为的行为可以通过设置`close-on-click-modal`属性来控制。如果设置为`false`（默认值），则允许点击外部区域关闭对话框，而保留点击事件的传递。

例如，在你的HTML模板中，可以这样配置：

<el-dialog :close-on-click-modal="false" title="标题">
  <p>对话框内容</p>
</el-dialog>

如果你需要完全禁用外部点击影响对话框，还可以使用JavaScript来监听document的click事件，并处理相应的关闭逻辑：

export default {
  methods: {
    handleOutsideClick(e) {
      if (e.target !== this.$refs.dialog && !this.$refs.dialog.contains(e.target)) {
        this.closeDialog();
      }
    },
    closeDialog() {
      // 关闭对话框的代码
    },
    // ... 其他方法
  },
  mounted() {
    document.addEventListener('click', this.handleOutsideClick);
    // 可能还需要移除这个事件监听器，比如在beforeDestroy生命周期钩子中
  },
  beforeDestroy() {
    document.removeEventListener('click', this.handleOutsideClick);
  }
}