redirectTo和navigateTo不能跳转到带有tab选项卡的页面，需要使用switchTab

最新推荐文章于 2023-12-22 09:51:50 发布

原创最新推荐文章于 2023-12-22 09:51:50 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

0 篇文章

订阅专栏

博客指出在app.json中设置四个tabBar后，四个界面间用bind:tap函数跳转不能用redirectTo和navigateTo。项目里logs含tabBar需用switchTab，该函数仅适用于有tabBar的页面，而无tabBar的notabBar页面用redirectTo和navigateTo即可。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

"list":[
      {
        "pagePath": "pages/index/index",
        "text":"Home",
        "iconPath":"images/tabBar/home.png",
        "selectedIconPath":"images/tabBar/homeSelected.png"
      },
      {
        "pagePath": "pages/search/search",
        "text": "Search",
        "iconPath": "images/tabBar/search.png",
        "selectedIconPath": "images/tabBar/searchSelected.png"
      },
      {
        "pagePath": "pages/recommend/recommend",
        "text": "Recommend",
        "iconPath": "images/tabBar/recommend.png",
        "selectedIconPath": "images/tabBar/recommendSelected.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "User",
        "iconPath": "images/tabBar/user.png",
        "selectedIconPath": "images/tabBar/userSelected.png"
      }
    ]

在app.json中设立了四个tabBar，但是发现如果想要在这四个界面之间通过bind:tap函数进行跳转不能使用redirectTo和navigateTo。

onGotoOtherPage:function(event){
    wx.navigateTo({
      url: '/pages/notabBar/notabBar',
      success: function(res) {console.log("success")},
      fail: function(res) {console.log(res)},
      complete: function(res) {console.log("complete")},
    })
  },
  onGotoLogsPage:function(event){
    wx.switchTab({
      url: '/pages/logs/logs',
    })
  },

在项目中logs包含tabBar就需要使用switchTab，而且这个函数只能实现具有tabBar的页面。而notabBar没有tabBar使用redirectTo和navigateTo即可。