何处不相逢
何处不相逢
  • 发布:2019-11-11 15:33
  • 更新:2021-07-29 15:56
  • 阅读:14928

uniapp如何阻止事件的冒泡

分类:uni-app

我的页面是NVUE页面,有个view 包裹 九宫格插件,(部分代码如下):uni-grid是一个组件,我点击会触发 change 里面会触发click_close事件,请问如何阻止事件冒泡,使用了@@click.stop="" 并没有什么效果
<view class="uni-container" @click="click_close(1)">

<view class="box_show"  >  
     <view class="box_div"  >  
    <view class="example-body"   style="background-color: red;" >  
        <uni-grid :column="3" :show-border="true" :square="true" border-color="#03a9f4" @change="change"  >
2019-11-11 15:33 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

参考:https://ext.dcloud.net.cn/plugin?id=953

  • 何处不相逢 (作者)

    谢谢大佬,学习了。感谢。

    2019-11-11 16:32

  • 半杯可乐

    子元素中增加@click.stop="onClick", 没有效果,父元素的@click时间还是会执行,

    微信小程序。

    2020-02-12 18:03

  • lovnie

    回复 半杯可乐: 请问解决了吗

    2020-04-15 16:36

  • 你都谢啦

    回复 lovnie: @tap.stop

    2020-04-15 20:15

  • lovnie

    回复 你都谢啦: 这个在微信小程序里 ios下还会执行 安卓没事

    2020-04-15 20:17

中能联合

中能联合

请问你的问题解决了吗

北溟有鱼啊

北溟有鱼啊

楼主分享一下方法啊

  • 天左

    点击事件中加:// #ifdef APP-NVUE

    e.stopPropagation()

    // #endif

    2020-05-13 15:07

  • 何处不相逢 (作者)

    使用@tap.stop="方法" 或者 方法里使用 e.stopPropagation();//阻止冒泡

    2020-07-06 14:29

w_96

w_96

参考:https://uniapp.dcloud.io/frame?id=%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%e6%94%af%e6%8c%81

大圣的树

大圣的树 - 圣人

我也是遇到这问题了

  • 何处不相逢 (作者)

    使用@tap.stop="方法" 或者 方法里使用 e.stopPropagation();//阻止冒泡

    2020-07-06 14:29

Potter

Potter

https://blog.csdn.net/daoxiaofei/article/details/111138623
添加@tap.stop.prevent 起效了

该问题目前已经被锁定, 无法添加新回复