MUI弹出确认框按钮序号bug

86 阅读1分钟

碰到一个关于Mui弹出框按钮点击序号不一样的bug

事情由来: 原本的项目是vue2+mui后续把该项目嵌套在uniapp里,然后就出现了mui弹出框点击的按钮对应的序号相反的bug

点击查看(⊙_⊙)——MUI官方组件文档

也可看下图:

image.png

出现bug的代码如下所示:

function Confirm() {
  mui.confirm('内容', e => {
    if (e.index === 1) {
      alert("确认");
    } else {
      mui.toast("取消");
    }
  })
} 

修改之后的代码:

function Confirm() {
  const btnArray = ['取消', '确认'];
  mui.confirm('内容', '标题', btnArray, e => {
    if (e.index === 1) {
      alert("确认");
    } else {
      mui.toast("取消");
    }
  })
} 

结论:

  • 第一个没传btnValue参数,从而出现取消和确认按钮返回的index序号相反的bug
  • 加了btnValue参数后,可能会出现取消和确认按钮的位置相反的现象,不过点击按钮返回的index是对应我们代码里定义数组的下标
  • 界面如下所示

image.png