uni-app/微信小程序使用gotopage导致showToast不显示的解决方法

2020-04-16 18:37:15 浏览数 (1)

uni-app 的一个项目,兼容小程序和H5,使用 showToast( ) 发现不能正常显示提示信息。

代码语言:javascript复制
that.$.showToast({
  title: "修改密码成功!",
  icon: "success",
  duration: 2000, 
  success: function () {
    that.$.gotopage('/pages/login/login');
  }
})

应该是 $.gotopage 直接导致页面跳转,没有显示出提示信息。

猜测是 uni-app 的 bug ,不过可以利用 JavaScript 的 setTimeout( ) 方法,给跳转加一个延迟,这样就能正常显示提示信息了。

代码语言:javascript复制
that.$.showToast({
  title: "修改密码成功!",
  icon: "success",
  duration: 2000, 
  success: function () {
    setTimeout(function(){
      that.$.gotopage('/pages/login/login');
    },1500)
  }
})

wx.showToast(Object object)(显示消息提示框)API详解参考此链接

0 人点赞