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

推荐阅读:

HTML5新增的from表单input属性

Vue.js学习笔记——事件监听

Linux下如何重置MySQL密码

QQ聊天插件,鼠标划入划出显示隐藏效果。

WDLinux故障 Linux系统网站数据备份笔记

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)