微信小程序返回上一级或者返回两级以及返回多级用法

1.在正文中返回上一级
在js中直接写如下的方法,方法名可以自己定义即可

tovoucher: function (options) {
    wx.navigateBack()
  },

在wxml中,在自己想要返回的组件中写上bindtap="tovoucher"即可实现返回上一级
2.在正文中返回上两级
例如从A->B->C,意思为从A页面跳转到B页面,又由B页面跳转到C页面,这里的跳转大家自然会想到利用navaigateTo进行跳转
tomanager:function(options){ wx.navigateTo({ url:"../manager/manager", }) },但是呢这样写之后我们的wx.navigateBack就只能跳同一的navigate系列。
为些我们就可以总结出,wx.navigateBack是返回同一系列的navigate系列,这样我们就可以利用一个巧妙的办法实现返回两级了。
A—>B时使用wx.navigateTo,B–>C时使用wx.redirectTo,然后C要想直接跳到A直接写如下代码:

wx.navigateBack({
                    delta: 2
                  })

3.在正文中返回两级以上
利用同样的道理,多级也可以用第二类中的方法,但是感觉显得不够专业。。。。。。
因此我们利用getCurrentPages对跳转了几级页面进行统计,因此可以在app.js中写一个全局的方法

moreBack:function(length){
   return  wx.navigateBack({
       delta:length
   });
}

然后在需要使用时直接调用即可,但别忘了引用getAPP哟

var length = get CurrentPages();
app.moreBack(length);

部分内容来自官方文档,详细可参考微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateBack.html


版权声明:本文为weixin_42132503原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。