uniapp uview 中阻止switch开关的事件冒泡

在做项目的时候遇到了switch和祖父元素事件冒泡的问题。刚开始想的解决办法是在change里面加e.preventDefault来阻止,然鹅不生效。就抱着试一试的方法在switch的父元素加上stop试试,竟然成功了。

<view v-for="(item, index) in deviceList" :key="index"  @tap="airPanel(item, deviceType)" >
 
  <view class="device-switch" @tap.stop.prevent> 
      <u-switch @change="deviceSwitch($event, index, deviceType)" :checked="item.isOpen == 1" >u-switch>
  view>
view>

在switch的父标签加@tap.stop.prevent阻止事件冒泡。

本文转载自: https://blog.csdn.net/qq_43272035/article/details/109469540

你可能感兴趣的:(Uniapp,小程序,uni-app)