欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解决微信小程序防止无法回到主页的问题

程序员文章站 2023-11-01 21:38:46
【小程序】提交订单页面到订单详情页面,如何防止无法回到主页 问题场景: 小程序某个页面完成后,希望跳转到另一个相关页面。 比如,订单提交完成后,希望跳转到订单详情页面...

【小程序】提交订单页面到订单详情页面,如何防止无法回到主页

问题场景:

小程序某个页面完成后,希望跳转到另一个相关页面。

比如,订单提交完成后,希望跳转到订单详情页面,可选的方案有两个

a 使用 wx.navigateto 跳转到非 tabbar 页面

优点是有返回按钮,可以一步一步的返回到主页

缺点是用户体验很差,还有可能重复发布订单

b使用 wx.redirectto跳转到非 tabbar 页面

优点是,不会返回旧页面

缺点是,无法返回主页,造成死循环

解决办法

1、使用 wx.relaunch 可以带参数的特性,跳转到 tabbar 页面,如

wx.relaunch({
  url: '/pages/me/me?pageid=mypublishhome'
});

2、在pages/me/me页面的 onload中加入判断,进行跳转管理,这样新打开的页面

pages/me/mypublishhome/mypublishhome就可以实现返回tabbar页面,进而可以进入其他主页了

 onload: function(options) {
  that = this;
  console.log('当前页面的options是', options);
  if (options.pageid) {
   //这个pageid的值存在则证明首页的开启来源于用户点击
   console.log('当前页面的options是', options.pageid);
   wx.navigateto({
    url: '/pages/me/' + options.pageid + '/' + options.pageid,
   })
  }
 }

总结

以上所述是小编给大家介绍的解决微信小程序防止无法回到主页的问题,希望对大家有所帮助