微信小程式 跳轉至tabbar頁面-----踩坑

轉載自：https://blog.csdn.net/weixin_46363283/article/details/106716436

在微信小程式中，路由的跳轉有五個：

wx.switchTab()
wx.reLaunch()
wx.redirectTo()
wx.navigateTo()
wx.navigateBack()
           

官網中比較清晰。

解決從 頁面中無tabbar 跳轉 帶有tabbar的頁面
還是以上的代碼，實作從 無tabbar頁面 跳轉 有tabbar頁面
           

方法:

在小程式預設顯示的頁面中，這裡也就是welcome 頁面，通過bindtap 綁定一個事件，然後通過小程式給定的跳轉路由的API進行解決；

onTap: function(e) {

    //在這裡不能用navigateTo或者redirectTo，官網文檔，這兩個指定跳轉到一個頁面，但是不能跳轉到tabbar頁面，
    // 這個項目app.json中，pages中首先顯示的是welcome頁面，但是在tabbar配置中，首個是posts頁面， 不符合邏輯，
    //是以在首先顯示的welcome頁面中，不會顯示tabbar，則這裡就成了從無tabbar頁面跳轉到有tabbar頁面，是以這兩個路由跳轉不可以用
    wx.reLaunch({
      url: '../posts/posts'
    })
  },