uni-app click和tap事件失效

uni-app click和tap事件失效

操作步骤：

  • 新建个uniapp，在page/index的index.vue中添加一个view，view中加一个click或tap事件

预期结果：

  • 打印“点击事件有效”

实际结果：

  • 未打印“点击事件有效”

bug描述：

clickMe() {  
    console.log("点击事件有效")  
}
2 回复

用示例代码hello uni-app能出现你的问题吗？ 不能的话你需要排查出来具体你哪个页面，甚至哪一行导致的。 找出来具体原因后提供一个能复现你描述的bug的最小化demo，让我们及时定位问题，及时修复。 当然如果你按照正确的排错步骤，也许发现是你自己的问题，然后解决问题，而不是框架的问题。框架不可能会有超级明显的问题。

更多关于uni-app click和tap事件失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中，click 和 tap 事件失效通常是由于事件绑定方式或组件层级问题导致的。以下是常见原因及解决方案：

  1. 事件绑定语法：确保使用 [@click](/user/click) 或 [@tap](/user/tap) 正确绑定事件。示例：

    <view [@click](/user/click)="clickMe">点击我</view>

    注意：在 uni-app 中，click 和 tap 在大多数场景下等效，但推荐使用 [@tap](/user/tap) 以获得更好的跨平台兼容性。

  2. 事件冒泡与阻止：如果父组件有事件阻止冒泡（如 [@tap](/user/tap) 搭配 .stop 修饰符），可能导致子组件事件无法触发。检查是否有类似代码：

    <view [@tap](/user/tap).stop="parentMethod">
  <view [@tap](/user/tap)="clickMe">子组件</view>
</view>
回到顶部