小程序绑定事件，点击不跳转的问题

Posted 2021-03-04 jzbs

今天在做小程序的时候，遇到一个点击不跳转的问题，在首页有一个搜索框，点击之后想让它进入搜索页面，wxhl代码如下：

<view class="sear">
　　<input class="input" placeholder="请输入你要搜索的商品" bindtap="search"/>
</view>

给input框绑定一个search事件，js里面代码如下：

  search: function () {
　　console.log(111);
    wx.navigateTo({
      url: ‘/pages/search/search‘
    })
  }

结果怎么点击就是不跳转，却可以打印111。后面通过阅读官方文档 —— 小程序 - 导航 ，注意到最后有一句提示信息：

wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面

我的首页搜索点击之后刚好就是跳转到tabbar第二栏/搜索栏  所以navigateTo改为 switchTab

search: function () {
    wx.switchTab({
      url: ‘/pages/search/search‘
    })
  }

就可以实现跳转了。