vue 设置el-dialog 点击空白不允许关闭

要设置 Vue 中 Element UI (el-dialog) 的弹窗不允许通过点击空白区域关闭，可以使用 `close-on-click-modal` 和 `close-on-press-escape` 属性。这两个属性允许你控制对话框的默认行为。

**方案一：在模板中设置属性**
在你的 HTML 模板中，添加这些属性并将其值设为 `false`：

<el-dialog :close-on-click-modal="false" :close-on-press-escape="false"
         v-if="businessReview" :visible.sync="businessReview"
         title="测试" top="25vh" width="310px" class="business-review-dialog">
</el-dialog>

这样，只有当用户点击对话框内的关闭或取消按钮时，对话框才会消失。

**方法二：在 Vue 实例中动态设置**
在你的 Vue 组件的 script 部分，你可以这样做：

export default {
  data() {
    return {
      businessReview: true,
    };
  },
  methods: {
    handleClose() {
      this.businessReview = false;
    },
  },
};

然后在模板中绑定 `handleClose` 方法到关闭按钮上：

<el-button @click="handleClose">关闭</el-button>

这同样会阻止点击空白区域关闭对话框，仅限于点击关闭按钮来操作。