1、当editable为true时,增加beforeConfirm方法,允许校验输入内容和阻止触发 success。
2、beforeConfirm传入对话框实例instance,提供showLoading() 和 hideLoading(),在confirm按钮前面添加loading状态,并禁用cancel和confirm按钮。
wx.showModal({
title: '提示',
content: '这是一个模态弹窗',
editable: true,
beforeConfirm: async (res, instance) => {
if(!res.content) {
//提示输入内容不能为空,并阻止触发 success
return false
}
instance.showLoading();
const response = await http();
instance.hideLoading();
},
success (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})