小程序 - 常见小问题

目录

跳转

• wx.navigateTo不能跳转TabBar

常见问题

跳转

wx.navigateTo不能跳转TabBar

场景复现
在app.json中定义了tabBar，如下所示：

{
"tabBar": {
    "selectedColor": "#930098",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "/pages/img/home-gray.png",
        "selectedIconPath": "/pages/img/home-purple.png"
      },
      {
        "pagePath": "pages/search/search",
        "text": "搜索",
        "iconPath": "/pages/img/search-gray.png",
        "selectedIconPath": "/pages/img/search-purple.png"
      }
    ]
  }
}

然后在任意页面定义一个跳转到首页的按钮，点击后跳转到首页。跳转方法使用的是wx.navigateTo。但是点击后无反应！

toHomePage: function(){
  wx.navigateTo({
    url: '../index/index',
  })
}

经查文档，原来，定义在tabBar的地址是不能通过wx.navigateTo跳转的。正确的方法应该是：wx.switchTab

toHomePage: function(){
 wx.switchTab({
    url: '../index/index',
  })
}