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