uniapp switch select 等 阻止change事件冒泡

uniapp switch select 等 阻止change事件冒泡

错误写法如下：

        <!-- 管理 --><view class="invoice_bottom" @click="editInvoice(item, 'detail')"><!-- 默认地址 --><view class="checkbox_class_right"><switch:checked="Number(item.defaultFlag) === 0 ? false : true"style="transform: scale(0.5)"@change.stop="(e) => changeSwitch(e, item)"/>设为默认</view></view>

效果如下：

这里的@change.stop阻止不了冒泡 

问题解决如下，给需要change的标签父级元素加上 @tap.stop.prevent

       <!-- 管理 --><view class="invoice_bottom" @click="editInvoice(item, 'detail')"><!-- 默认地址 --><view class="checkbox_class_right" @tap.stop.prevent><switch:checked="Number(item.defaultFlag) === 0 ? false : true"style="transform: scale(0.5)"@change.stop="(e) => changeSwitch(e, item)"/>设为默认</view></view>

加上效果如下：

完美解决！！！