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

今天在做小程序的时候,遇到一个点击不跳转的问题,在首页有一个搜索框,点击之后想让它进入搜索页面,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'
    })
  }

就可以实现跳转了。

 
上一篇:vue移动端底部tabbar


下一篇:小程序 页面跳转