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

发布：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的点击事件发生冲突

上一篇：微信小程序跳转加载说明

下一篇：微信小程序之选项卡的实现方法

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。