小程序模板网

微信小程序行内点击事件冲突解决

发布时间:2021-06-30 09:14 所属栏目:小程序开发教程

说明:比如这种情况下,比如tr上有一个点击事件,第一个cell下也有点击事件,但是点击cell时会触发到tr的事件

<view class="tr" bindtap='parentClick'>
  <view class="cell" bindtap='childClick'>1</view>
  <view class="cell">2</view>
  <view class="cell">3</view>
</view>

 解决:在cell设置hover-stop-propagation='true',再把cell的bindtap替换为catchtap即可

<view class="tr" bindtap='parentClick'>
  <view class="cell" hover-stop-propagation='true' catchtap='childClick'>1</view>
  <view class="cell">2</view>
  <view class="cell">3</view>
</view>

 结果:如上设置即可,第一个cell的点击事件不会和tr的点击事件发生冲突


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/26832.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询