小程序中子元素点击事件不触发父元素的点击事件处理_uniapp 点击父元素子元素不触发

作者：羊村懒王 | 2024-02-13 02:29:27

踩

uniapp 点击父元素子元素不触发

当子元素和父元素都有点击事件时，点击子元素事件的时候会触发父元素的点击事件，从而执行父级的点击事件，跳转到了父级的点击事件的页面了，怎么解决这个问题呢？

如下图：

只需要把子级的bindtap改成catchtap，就可以了


<navigator  wx:for="{{goodsList}}" wx:key="gIdx" url="******">
     <image src="*****" mode="heightFix" catchtap="onClickAddCart" data-index="{{gIdx}}"/>
</navigator>

因为：
bind事件绑定不会阻止冒泡事件向上冒泡
catch事件绑定可以阻止冒泡事件向上冒泡

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/79426