收藏
回答

希望showModel点击确定时,允许阻止对话框关闭?

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('用户点击取消')
    }
  }
})



回答关注问题邀请回答
收藏
登录 后发表内容