uniapp stopPropagation 无效

最新推荐文章于 2024-05-21 16:18:08 发布
原创 最新推荐文章于 2024-05-21 16:18:08 发布 · 4.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uniapp

本文详细解析DCloud UNI_GSQ框架中事件修饰符的使用限制，明确指出不支持stopPropagation方法的原因及替代方案，帮助开发者正确理解和应用事件处理机制。

官方说明

DCloud_UNI_GSQ

只支持使用修饰符，不支持使用stopPropagation，因为这里的event对象并非浏览器的evnet对象，其本来没有stopPropagation方法，文档中也从未提及支持stopPropagation方法，实现中有stopPropagation方法是为了避免开发者使用引用的第三方代码使用了stopPropagation后报错。

只能在标签上使用 .stop

如果想根据 item 内容不同来判断是否需要 stop, 只能使用 v-if 写两个标签

uniapp - 解决报错Error in von handler:“ TypeError: $event.stopPropagation is not a function“，阻止点击事件冒泡导致错
高级前端工程师
07-15 3421
uni-app，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，报错，冒泡，点击穿透，阻止点击事件冒泡，[Vue warnl: Error in von handler:" TypeError: $event.stopPropagation is not a function"，阻止失败，无法解决这个问题，外侧套一层还是报错，依旧出错，详细解决方案，如何解决这个问题，@click.stop，点击组件时不向下传递点击事件，只触发自身的点击事件，
uni-app——如何阻止事件冒泡
热门推荐
TianXuab的博客
10-27 1万+
在开始讨论如何阻止事件冒泡之前，让我们先了解一下什么是事件冒泡。事件冒泡是指当一个元素上的事件被触发时，它会向上级元素传播，直到到达文档根节点。这意味着如果我们不采取任何措施，事件将会被多个元素捕获和处理。
uniapp中使用.stop报错 无法使用stopPropagation？
g1437353759的博客
04-13 2428
在开发中我们常常会遇到要的问题，加个.stop就好了。但是在组件上阻止事件冒泡会报错：$event.stoppropagation is not a function这是因为当事件添加到上时，会变成自定义事件，如果想要触发事件的回掉函数，则必须子组件内的$emit调用才可以。
e.stopPropagation()在uni-app中无效，只能使用stop，所产生的问题
晓枫
02-25 2930
​ 之前做的仪表盘滑动效果 uni-app 微信小程序，因为在苹果手机上滑动时页面会抖动，所以这部分里是阻止了滑动事件的冒泡的，本来页面不足一屏是没有问题可是出了新需求后页面需要上下滚动，就导致了在仪表盘部分上下滑动无法滚动页面，操作很不方便。
uniapp使用阻止时间无效，报错stopPropagation()方法无效
m0_61629497的博客
03-29 687
使用：@click.native.stop。
uniapp-uni-icons组件@click.stop失败解决~
Yjx的博客
12-20 1736
不能用在uniapp组件uni-icons上，我们在外层包裹一层view标签，将点击事件放在view标签上即可，希望这个小技巧能帮助到您~
解决VUE框架 导致绑定事件的阻止冒泡失效问题
11-27
如果你尝试使用`return false`或`event.stopPropagation()`，它们可能在这样的情况下不起作用，因为Vue已经对事件处理进行了优化，使得直接在模板中定义的函数不能直接访问到`event`对象。 此外，Vue还提供了其他...
uniapp的阻止事件冒泡
最新发布
07-27
引用[1]指出，在WEB事件中，`click`事件映射到UniApp的事件，但有时阻止冒泡无效。解决方案是将`@click`替换为`@tap.stop`，因为`@tap`是移动端的事件，并且在UniApp中支持使用`.stop`修饰符来阻止冒泡。 2. 引用[2...
为什么 添加了传值 event.stopPropagation() 不生效了
06-19
因此，当尝试调用 `e.stopPropagation()` 时，可能会导致无效的行为。解决方法是检查事件对象是否支持 `stopPropagation()` 方法，并为不支持的浏览器提供替代方案[^1]。 ```javascript function handleEvent(e) { ...
uniapp checkbox禁用 还是可以点击
07-24
在UniApp中，使用`<checkbox>`组件时，设置`disabled`属性可以禁用复选框。但是，如果禁用了之后仍然可以点击，可能是因为以下原因： 1. 可能没有正确绑定`disabled`属性。 2. 可能是样式问题，使得禁用的复选框...
React stopPropagation失灵
大灰狼的小绵羊哥哥的博客
03-01 3622
前言 故事的开头是这样的：写业务的过程中，发现在React的onClick的回调函数里，用stopPropagation阻止绑定在document上的事件的时候，是没办法做到的，只可以阻止outClick事件的触发。详情如下： class ExampleApplication extends React.Component { componentDidMount() { ...
e.stopPropagation() 失效原因
echo
11-06 7039
<body> <div class="father"> <div class="son"> </div> </div> </body> 假如此父子元素为 动态添加的元素 所以在添加事件的时候需要绑定到父级元素 例如：父元素事件 $("body").on("click",".father",function(e){ alert(1) }); 例如：子元素事件 $(document).on("click",".son",f
uniapp中 .stop修饰符无效
weixin_47460845的博客
04-11 670
给外层套一个view标签 解决。
uniapp点击事件报错 Cannot read property ‘stopPropagation‘ of undefined
令瑞斌
01-23 2484
Cannot read property 'stopPropagation' of undefined
记录bug以及修复过程-uniapp touchmove使用stop.prevent后touchmove事件失效
qq_65839745的博客
05-21 1730
写uniapp的时候用到了ucharts的折线图，这个折线图我是放在component里面作为组件调用的，但是我调用的位置又是在swiper里面，那么问题来了，两个组件都具有横向的touchmove事件，这就需要使用到事件冒泡了，随后进入ucharts内修改源码。然后我就想既然是事件冒泡，那么就是一层层往上走的触发链，我需要保证我下层的盒子可以触发但是上层的盒子不能触发，那么最简单粗暴的就是中间加一层可以拦截该事件的盒子就行了，正好上述文献中提到需要加一个scroll-x的scroll盒子，于是就有了。
解决uniapp中nvue事件冒泡的问题(stop失效问题)
xsaid的博客
08-04 1405
通过event对象的给子元素加个e.stopPropagation()就可以解决事件冒泡！内层为图片预览点击事件，外层为跳转，
微信小程序踩坑4
qq_38393535的博客
08-19 869
TypeError: this.swipeaction.closeOther is not a function
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值