uniapp .stop不生效

最新推荐文章于 2025-01-07 19:47:26 发布
最新推荐文章于 2025-01-07 19:47:26 发布
阅读量288 收藏
点赞数 3
文章标签： uni-app javascript 开发语言 ecmascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34403164/article/details/144303774
版权

uni-ui的uni-icons和uview的u-icon，@click.stop都是无效的

解决办法：给icon套上一个view，把@click.stop换到view上

<view @click.stop="openEditMenu(item)">
    <u-icon name="edit-pen" size="50" color="#0066cc" style="padding: 20rpx;"></u-icon>
</view>
作为一个uniapp开发者，我差点因为事件修饰符不生效的“bug”崩溃，后来发现竟然是平台不支持！
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-09 73
这也提醒了我，在开发过程中，遇到类似的问题时，首先要检查平台的支持情况，而不是一味地怀疑代码或框架本身。抱着试试看的心态，我切换到H5端进行调试，结果这两者的修饰符在H5端都正常工作了，事件的冒泡和默认行为都如预期被处理了。最近在开发一个uniapp项目时，我遇到了一个让人蛋疼的问题——某些事件修饰符在小程序端似乎不起作用，甚至让我怀疑是不是遇到了bug。最后，遇到问题时，先查文档，别急着怀疑“bug”，这是我给自己的经验教训，也是以后开发中需要时刻提醒自己的心态。等修饰符，仅在H5平台有效。
uniapp开发微信小程序阻止事件冒泡
weixin_45424548的博客
11-29 1785
使用uniapp开发小程序的时候，@click.stop来做事件冒泡没有作用。 查看官方给出的文档是这样写应该就可以了，但是就是没起作用，点击子组件的时候还是触发了父组件的事件。 <u-field disabled=true maxlength='9' @tap.stop="keyboard('money')" label-width='0' v-model="from.money" :placeholder="lang.InputMoney" :clearable='false'
uni-app @click.stop @click.stop.native均不生效
weixin_54586234的博客
10-29 1076
uniApp官方真的是一坨大翔，不仅社区不维护，文档也写的跟粑粑一样，自创的nvue更是粑中粑中粑（强烈建议app端不要用 各种莫名其妙的诡异bug）
uniapp中 .stop修饰符无效
weixin_47460845的博客
04-11 558
给外层套一个view标签 解决。
uniapp-uni-icons组件@click.stop失败解决~
Yjx的博客
12-20 1312
不能用在uniapp组件uni-icons上，我们在外层包裹一层view标签，将点击事件放在view标签上即可，希望这个小技巧能帮助到您~
uniapp阻止事件冒泡@click.stop失效
weixin_38304202的博客
01-07 1万+
配合.native使用：@click.native.stop
一个因@click.stop引发的bug的解决
10-17
但根据路由配置，`Menu`作为根路由，所有子页面都包含在其中，因此`stop`修饰符在这里并不必要。在确认移除`stop`后，经过测试并未发现其他负面影响，所以可以确定这是一个有效的修复。 为了更深入地理解问题，我们...
uniapp阻止冒泡@click.stop失效
05-17
如果你在使用 uniapp 框架时，设置了 `@click.stop` 阻止事件冒泡，但是发现它并没有生效，可能是因为它被后面的一些操作覆盖了。在这种情况下，你可以尝试以下方法： 1. 使用 `@click.capture.stop` 替代 `@click....
uniapp实现录音、播放功能.rar
06-12
当用户按下屏幕时启动录音，移动时不操作，松开时停止录音并保存文件。 5. **限制录音时长**： - 通过设置`uni.startRecord()`的`duration`参数，可以限制用户录音的最大时长。当超过这个时间，录音会自动结束，...
uniapp 真机调试 click点击事件无效
热门推荐
yangqii的博客
12-10 3万+
问题分析： （网络上普遍答案，但不能确定是否是这个原因导致） 移动端的主要问题是click会有200-300ms的延迟，主要原因是苹果手机在设计时，考虑到用户在浏览网页时需要放大，所以，在用户点击的300ms之后，才触发click，如果300ms之内还有click，就会进行放大缩小。 解决方法：（尝试该方法，但还是会出现点击事件无效。有可能是网络问题？？？） 使用 tap 替换 click...
uni-app 开发小程序使用@click.stop阻止事件冒泡不生效
最新发布
m0_51698993的博客
01-07 951
项目需求：点击卡片可查看详情 卡片上还有个取消，确定按钮，点击取消和确认一直触发外层handleClick事件。使用的解决方式 :1.@click.prevent 不生效 2.@click.native不生效。最后使用@tap.stop才生效。
nvue文件中@click.stop失效
qq_49552046的博客
09-14 794
在uniapp开发中nvue文件是跟vue文件是不一样的，就比如@click.stop阻止点击事件继续传播就失效了，这时我们需要在子元素事件中添加条件编译，这样就会解决这个问题。在nvue文件中在子元素使用@click.stop失效，父元素的事件触发了。
uniapp的冒泡事件使用@click.stop没有效果
weixin_42947972的博客
08-19 1282
我们加多一个参数native即可。
uniapp中使用.stop报错 无法使用stopPropagation？
g1437353759的博客
04-13 2014
在开发中我们常常会遇到要的问题，加个.stop就好了。但是在组件上阻止事件冒泡会报错：$event.stoppropagation is not a function这是因为当事件添加到上时，会变成自定义事件，如果想要触发事件的回掉函数，则必须子组件内的$emit调用才可以。
解决uniapp中nvue事件冒泡的问题(stop失效问题)
xsaid的博客
08-04 1303
通过event对象的给子元素加个e.stopPropagation()就可以解决事件冒泡！内层为图片预览点击事件，外层为跳转，
uniapp uni-icons 使用@click.stop报错
weixin_72271537的博客
08-26 1119
Uncaught TypeError: Cannot read property 'stopPropagation' of undefined
uniapp 报错之 uview 中 u-icon 点击 阻止冒泡 @click.stop 报错
YZRHANYU的博客
11-21 3627
uniapp 报错之 uview 中 u-icon 点击 阻止冒泡 @click.stop 报错
uniapp-vue2的冒泡事件使用@click.stop报错
weixin_52830464的博客
07-01 747
icon 在父元素中,父元素本身有点击事件,希望在点击 icon 的时候不要触发父级的点击事件,阻止冒泡,使用 @click.stop 报错。@click.stop 改成 @click.native.stop。在 uview 组件中使用 u-icon 图标,并添加点击事件。
uniapp、微信小程序：点击空白/蒙版关闭弹窗
Shimeng_1989的博客
11-04 7790
uniapp、微信小程序：点击空白/蒙版关闭弹窗
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值