解决小程序checkbox点击时会冒泡,执行父元素的事件
问题:每次点击checkbox时会冒泡执行父元素的gotoPage事件
示例如下:
<checkbox-group bindchange="checkboxChange">
<view class="nameTitle" wx:for="{{studentList}}" wx:key="index" bindtap="gotoPage" data-id="{{item.name}}">
<view class="name">
{{item.name}}
</view>
<view class="long">
<text class="num" wx:if="{{showNum}}">{{item.time}}小时</text>
<van-icon class="icon" wx:if="{{!isShowCheckbox}}" name="arrow" />
<checkbox wx:if="{{isShowCheckbox}}" catchtap="check" value="{{item.name}}" checked="{{item.checked}}"></checkbox>
</view>
</view>
</checkbox-group>
解决:
给checkbox绑定一个catchtap,指向空事件,阻止事件冒泡