天天看點

微信小程式頁面跳轉的各種方式,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
})
           

繼續閱讀