微信小程序阻止CheckBox事件冒泡

小程序的CheckBox 绑定的事件是 bindChange ,我们知道bind 事件是冒泡的,当我们在cell中添加CheckBox以后,点击CheckBox也会向上传递事件,导致cell也一起被点击。其实解决办法也很简单,就在CheckBox外面包一层view,给view添加一个catch事件。这里需要view的布局,小心把cell覆盖了

   <view class='headerCell' bindtap='closeOrOpenGroupClick' data-index="{{index}}">
       <text>{{item.section_title}}</text> 
       <view catchtap='checkboxChange'>
                <checkbox-group bindchange="checkboxChange" data-check="{{index}}">
                 <checkbox value='{{item.section_title}}' checked='{{item.checked}}'></checkbox> 
       </checkbox-group>
       </view>
    </view>

猜你喜欢

转载自blog.csdn.net/wangqiuwei07/article/details/80950027