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

问题描述

有父组件group，里面有个button，当点击button时,目的是触发button的事件，实际却触发了container的事件

<view class="group" bindtap="click1">
	<button bindtap="click2">按钮</button>
</view>

点击按钮触发click1

解决

修改按钮的bindtap为catchtap，添加hover-stop-propagation="true"属性

<view class="group" bindtap="click1">
	<button catchtap="click2" hover-stop-propagation="true">按钮</button>
</view>

点击按钮触发click2