碰到一个关于Mui弹出框按钮点击序号不一样的bug
事情由来: 原本的项目是vue2+mui后续把该项目嵌套在uniapp里,然后就出现了mui弹出框点击的按钮对应的序号相反的bug
点击查看(⊙_⊙)——MUI官方组件文档
也可看下图:
出现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是对应我们代码里定义数组的下标
- 界面如下所示