天天看点

微信小程序页面跳转的各种方式,navigateTo、switchTab、redirectTo、navigateBack

关于微信小程序页面间的跳转推荐:个人推荐页面跳转过程尽量使用官方给出的js跳转方式。以下前三种属于我们常用的跳转方式,基本上可以满足我们绝大多数的需求,因此其它方式暂且不提

1、navigateTo:保留当前页面跳转到应用内部指定页面,不可以跳转到全局设置的地步tabBar页面。左上角会显示一个返回按钮,可以直接返回上一页

wx.navigateTo({
    url: '',
    success: function(res){},
    fail: function() {},
    complete: function() {}
})
           

2、switchTab:跳转到全局设置的底部tabBar页面。(只能使用此方法)

wx.switchTab({
    url: '',
    success: function(res){},
    fail: function() {},
    complete: function() {}
})
           

3、redirectTo:关闭当前页面跳转到应用内部指定页面。

wx.redirectTo({
    url: '',
    success: function(res){},
    fail: function() {},
    complete: function() {}
})
           

4、navigateBack:返回上一页面(其中delta代表返回的页面层数,假设页面层数设置大于已有层数,则返回首页)

wx.navigateBack({
   delta: 1
})
           

继续阅读