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

德顺

发布于 2020-04-16 18:37:15

2K0

发布于 2020-04-16 18:37:15

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详解参考此链接

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

javascript