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

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

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

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

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

uni-app-toast.png uni-app/微信小程序使用gotopage导致showToast不显示的解决方法 经验总结

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

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

原创文章,作者:kepupublish,如若转载,请注明出处:https://blog.ytso.com/150446.html

(0)
上一篇 2021年9月13日
下一篇 2021年9月13日

相关推荐

发表回复

登录后才能评论