w3h5

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

声明:本文由w3h5原创,转载请注明出处:《uni-app/微信小程序使用gotopage导致showToast不显示的解决方法》 https://www.w3h5.com/post/506.html

赞 (0)
分享到: +More |

评论 沙发

换个身份