关于#elementui#的问题,如何解决?

vue使用elementui中的confirm弹框设置按钮文字无效

代码如下

img

实际问题效果如下

img

可以看到设置的confirm按钮文字和cancel按钮文字都不生效.但提示内容生效(且经过测试 确定按钮点击是能够执行then的)

环境如下

img

messageBox弹窗设置如下

img

还请解惑

代码没有问题 看看 是不是触发错事件了 你打开的貌似 不是确认弹窗是提示弹窗

这里看不出问题,检查下别的,先console一下看看有没有执行

  • 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7776937
  • 除此之外, 这篇博客: vue中使用elementUI中遇到的问题中的 $confirm的使用注意调用请求接口的问题 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  •    // 删除某一条数据
        async deletebook(id) {
          const confirmResult = await this.$confirm(
            "此操作将永久删除该书籍, 是否继续?",
            "提示",
            {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning",
            }
          ).catch((err) => err);
          // console.log(confirmResult)  点击确定之后返回值拿到的是confirm
          if (confirmResult !== "confirm") {
            return this.$message.info("已取消删除!");
          }
    
          const res = await this.$request.delete("/goods/" + id);
          console.log(res);
          if (res.data !== "success") {
            return this.$message.error("删除书籍失败!");
          }
          this.$message.success("删除书籍成功!");
          this.getGoodsList();
        },