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

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

就可以实现跳转了。

原文地址:https://www.cnblogs.com/jzbs/p/12558065.html

时间: 2024-08-30 15:13:19

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

小程序 鼠标事件

微信小程序鼠标事件 事件分类 事件分为冒泡事件和非冒泡事件: 1. 冒泡事件(bind):当一个组件上的事件被触发后,该事件会向父节点传递. 2. 非冒泡事件(catch):当一个组件上的事件被触发后,该事件不会向父节点传递. bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡. WXML的冒泡事件列表 类型 触发条件 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 tou

小程序绑定公众号进行消息推送,公众号授权功能

小程序绑定公众号,通过公众号进行消息推送,首先要在小程序上进行公众号的授权 授权不可以直接在小程序上打开,所以必须要小程序先跳到其他网页,再跳回小程序 1.我们是做了一个先做账号绑定小程序,再做公众号绑定小程序,没有绑定的话,就跳到外部链接 wxBind () { // 绑定账号之后,再绑定小程序 let that = this.data; const data = { account: that.userInfo.account, openid: wx.getStorageSync('open

小程序开发--小程序的事件机制

首先在小程序中,如果要实现点击操作,是没有click事件,在官方api文档中,给我们提供了tap事件来表示用户短暂点击后手指离开. 而如果我们要监听这个事件,并且在这个事件上绑定一个方法,就要在在相应的事件前面直接添加一个bind或者catch,如bindtap="onTapFn"或者catchtap="onTapFn".而bind和catch的区别在于:bind只是单纯地绑定一个事件,catch则是绑定事件的同时还阻止了事件冒泡. 那么对于小程序来说,主要有三类事

第一个微信小程序(实现点击一个按钮弹出toast)

今天根据网上的教程搭建了微信小程序的环境,然后看文档做了一个简单的小应用. 项目的目录是这个样子的: app.js.app.json.app.wxss是全局文件,必不可少的文件.定义在app.wxss中的样式为全局样式,作用于每一个页面.在page的wxss文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖app.wxss中相同的选择器. app.js文件代码: App({ onLaunch: function () { console.log('小程序已启动') }, onShow: f

微信小程序详解——页面之间的跳转方式【路由】和参数传递

微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能.今天我们来研究小程序页面之间的跳转方式. 1.先导 在Android中,我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面.微信小程序页面跳转有四种方式: 1.wx.navigateTo(OBJECT): 2.wx.redirectTo(OBJECT): 3.wx.switchTab(OBJECT): 4.wx.navi

微信小程序Dom事件实现

面对微信小程序,可能没有像我们平时使用JQuery那样随心所欲.本篇就是为了解决这个问题. 请合理使用工具! 细节就不说了,直接备份一个实现的案例: wxml <view class="guess" > <view> <image data-data_auto = "{{ac[index]}}" data-index="{{index}}" data-num="1" data-id="{

扩大小按钮的事件点击范围

我们在平时的实战开发过程中经常会碰到这样的一些需求,我们要点击一个小按钮弹出一个DialogFragment或者点击之后跳转到另外一个界面上去,我们发现由于按钮太小了不容易点击,这样的体验非常不好,怎么办? 效果图 很多长人肯定会说给View加个Padding就行了嘛,是的这样可以解决问题,但是你有没有想过如果该View有背景图,结果你加了个Padding ,View的背景图变形了,这种情况下通过加Padding加大点击范围的方案就行不通了,如何破解?其实很简单,稍微懂点脑筋就把这个问题解决了,

3-(微信小程序篇)WiFi模块配网以后利用小程序绑定,控制设备,一次只能绑定控制一个设备

https://www.cnblogs.com/yangfengwu/p/11623750.html 一,实现的功能描述 STM32通过AT指令控制模块配网(支持SmartConfig和Airkiss),配网以后设备进入绑定状态(60S超时),在设备绑定超时时间内打开小程序即可绑定设备,然后实现控制功能. 二,功能测试 1,由于会不停的更新小程序代码,小程序发布又需要时间审核,我就不发布小程序,所以大家先按照以下方式运行小程序(熟悉一下流程) 1.1 打开小程序工程代码 1.2 选择真机调试,选

微信小程序页面事件-下拉刷新,上拉加载更多

1.下拉刷新的概念及应用场景. 概念: 下拉刷新是移动端更新列表数据的交互行为,用户通过手指在屏幕上子上而下的滑动,可以触发页面的下拉刷新,更新列表数据. 应用场景: 在移动端,数据列表是常见的页面效果,更新列表数据是最基本的页面需求,相比于按钮刷新,定时刷新来说,下拉刷新的用户体验方便友好,已经成为移动端刷新列表数据的最佳解决方案. 微信小程序启动下拉刷新: 两种方式: 1.需要在app.json 的window选项中或页面配置中开启enablePullDownRefresh, 但是,一般情况