这二个都是点击事件,一个是阻止冒泡:catch:tap,bind:tap会向上冒泡。 一般场景: 一个列表: 1、点击行,会弹出相关详情信息,2、点击行中的按钮会执行相关的操作。 点按钮会出来二个窗口,按钮向上冒泡了,二个事件都被执行,所以会执行二次。
微信小程序 - 事件绑定bind和catch 区别 本文以冒泡事件tap(手指触摸后马上离开,也就是点击事件)为例子来区别bind和catch事件。在小程序中事件分为冒泡事件和非冒泡事件: bindtap 事件绑定不会阻止冒泡事件向上冒泡 catchtap 事件绑定可以阻止冒泡事件向上冒泡 假如有三个view点击事件都是用的bindtap,三个view是层级包含...
v3、v1绑定方法为bindtap,v2绑定catchtap,输出如下: #点击v3,v2接收到事件并拦截,不会传递给v1 --v3tap click --v2tap click #点击v2 --v2tap click #点击v1 --v1tap click
微信开发中的绑定事件包含:bindtap,bindtouchstart等bind**事件和catchtap,catchtouchstart等catch**事件。 两者中只是bind和catch不同,而**包括tap,touchstart,touchend,touchcancel,touchmove,longtap事件。 bind系列事件绑定不会阻止冒泡事件向上冒泡,但是catch系列事件绑定可以阻止冒泡事件向上冒泡。 首先采用实例来解释...
1、bind 不会阻止嵌套组件 event 事件上传 一个嵌套组件 viewOne viewTwo,并且都有监听事件。 我们点击之后,发现log输出: 同时出发两个 view 的tap 事件。 2、catch 会阻止嵌套组件的事件上传 换成catch 之后 ,我们发现 log 只有 viewTwo 的事件被触发了。
tapName(e) { console.log(e) } }) 乍一看,确实跟 vue 语法有点像,但是有区别,那就是传参方式不一样。所以这里需要注意的是小程序事件传参是通过当前组件上由data-开头的自定义属性组成的集合。比如上面代码定义了一个 hi 属性,tapName 方法拿到的参数 e 展开大致如下: ...
{'请选择颜色 净含量'}}view>8view>910<viewclass="select_color">11<viewclass="goods_title">颜色view>12<viewclass="goods_grid">13<viewbind:tap="fn">红色view>14<view>白色view>15<viewclass="select_text">黑色view>16view>17view>1819<viewclass="goods_net select_color">20<viewclass="goods...
细节问题，谢谢两位
参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/
事件中间view3相当于冒泡事件2)非冒泡事件(2.4) 4.事件绑定1)bind绑定(如3.1中绑定)2)catch绑定 5.事件对象详解...1.什么是事件事件是一种用户的行为,也是一种通讯方式。2.事件类别1)点击事件tap2)长按事件longtap3)触摸事件touchstart touchend(触摸结束 ...