elementPlus消息提示框在使用时，如何只展示取消按钮

练习时长俩年半

于 2024-09-27 14:14:01 发布

阅读量124

点赞数 4

文章标签：前端 elementui

本文链接：https://blog.csdn.net/weixin_52376708/article/details/142592283

版权

在使用elementPlus消息提示框时，想要取消按钮，需要用到组件的showConfirmButton属性隐藏确认按钮，代码如下：

ElMessageBox.confirm('提示信息', '标题', {
    showCancelButton: true,
    showConfirmButton: false, // 隐藏确认按钮
    cancelButtonText: '返回'
  }).then(() => {
  // 确认按钮逻辑
  }).catch(() => {
  // 取消按钮逻辑
  });

在例子中，把showConfirmButton属性设为false取消展示确认按钮，showCancelButton为true展示取消按钮，cancelButtonText可以自定义取消按钮展示的文本