el-dialog 关闭报错

Question

点击“x”就会报错，但能继续使用，点击确定可以正常关闭

点击取消也是报错，也能正常取消

 handleClose(done) {
      this.$confirm('确认关闭？')
          .then(() =>{
            done();
         console.info("确认关闭");
          })
          .catch(() =>{
            console.log("取消关闭");
          });

Answer 1

南辕△ 下午好🌅🌅🌅
本答案参考ChatGPT-3.5

根据你提供的代码和报错信息，可以看出el-dialog在点击取消时报错的原因是你使用了.cache()方法，该方法应为.catch()方法。

针对这个问题，可以参考以下解决方案进行修改：

1. 使用.catch()方法替换.cache()方法，可以捕获Promise链中发生的错误。

handleClose(done) {
  this.$confirm('确认关闭？')
    .then(() => {
      done();
      console.log("确认关闭");
    })
    .catch(() => {
      console.log("取消关闭");
    });
}

解决方案：

1. 将 cache 方法替换为 catch 方法，以捕获错误。

handleClose(done) {
  this.$confirm('确认关闭？')
    .then(() => {
      done();
      console.log("确认关闭");
    })
    .catch(() => {
      console.log("取消关闭");
    });
}

1. 检查是否引入了正确的弹框组件，确保 el-dialog 组件正确引入。

2. 检查确认关闭和取消关闭的逻辑，确保点击取消时不会触发其他错误。

3. 检查其他可能影响 el-dialog 的代码，例如关闭按钮的点击事件或其他触发关闭的逻辑。

请确认以上解决方案是否能够解决你的问题。如果问题仍然存在，请提供更多的信息和代码片段，以便我们更好地帮助你解决问题。