微信小程序返回多级页面的实现方法
微信小程序返回多级页面的实现方法
微信小程序开发中，返回上一页是很普遍的操作，最常见的是点击手机的返回键和点击自定义的按钮返回上一页这两种情况。点击手机的返回键我们不需要做处理，如果是自定义按钮实现返回效果，就要调用微信提供的API：
wx.navigateBack(OBJECT)
也可以通过wx.navigateBack方法实现返回多级页面，只要设置delta的值就可以：
//在C页面内navigateBack，将返回A页面，delta=1时与wx.navigateBack()效果一致
wx.navigateBack({
delta:2
})
但是有些时候，我们需要实现点击手机的返回键，也返回上两页或者多页，这样子就不能直接用上面的方法来处理了。我用过下面的两种方法来实现：
方法一：在页面C的onUnload方法里面调用wx.navigateBack()，这样可以实现返回到页面A，不过会有个问题，如果把页面C分享到微信聊天会话里面，然后关闭小程序，再从聊天会话打开页面C，还会调用wx.navigateBack()方法，并且报这个异常：
WAService.js:9navigateBackwithanunexistwebviewId0
方法二：另一种方法是在页面B的onShow方法中调用wx.navigateBack()实现返回，这样就可以避免方法一中出现的问题。实现的思路如下：
①在页面C的onUnload方法里面判断是否可以返回前n页，通过getCurrentPages()方法可以获取当前的页面栈，根据页面栈的长度判断可以返回的层数，并且可以给所有页面的data设置参数，这里以返回上两页为例：
//这里是页面C的onUnload方法
onUnload:function(){
varthat=this
//判断页面栈里面的页面数是否大于2
if(getCurrentPages().length>2){
//获取页面栈
letpages=getCurrentPages()
//给上一个页面设置状态
letcurPage=pages[pages.length-2];
letdata=curPage.data;
curPage.setData({'isBack':true});
}
},
②在页面B的onShow方法里面根据isBack的值，判断是否调用wx.navigateBack()：
//这里是页面B的onShow方法
onShow:function(){
varthat=this
//如果isBack为true，就返回上一页
if(that.data.isBack){
wx.navigateBack()
}
},
方法一和方法二都不是直接从页面C到页面A，都是要先经过页面B，所以会出现页面B闪一下的情况，大家如果有更好的方法可以告诉我。
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！