如何实现点击目标区域外的元素，弹窗提示‘是否离开’。（要求是弹窗使用MessageBox 弹框）

Question

如何实现点击目标区域外的元素，弹窗提示‘是否离开’。（要求是弹窗使用MessageBox 弹框）

点击区域外是找到了方法，但是这个弹窗，有点难。

Answer 1

methods: {
  open() {
    this.$confirm('是否离开?', '提示', { // 这里写你要提示的内容和提示标题
      confirmButtonText: '确定', // 确定按钮
      cancelButtonText: '取消',  // 取消按钮
      type: 'warning'            // 哪种类型的弹窗（成功或错误等...）
    }).then(() => { 
        ... // 点击确定时执行这里的方法逻辑
    }).catch(() => { 
        ... // 点击取消时执行这里的方法逻辑
    });
  }
}