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

 

说明：比如这种情况下，比如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的点击事件发生冲突

posted @ 2020-03-11 14:53  文斌呐  阅读(704)  评论(0)  编辑  收藏  举报