uniapp+vue3 小程序 click 事件和自定义事件没反应不触发的解决方法

uniapp+vue3 小程序 click 事件和自定义事件没反应不触发的解决方法

标签：uniapp Vue3 小程序 事件失效 data-eventsync

最近帮同事排查一个小程序的线上 bug，页面有个按钮死活没反应，点击完全无效。控制台一点错误没有，UI 看着也很正常，但就是 @click 事件不触发。Vue3 的写法都检查过一遍，还是找不到原因。

本来以为是绑定方法写错了，结果调试半天，才发现居然是因为 小程序端的事件同步机制问题。记录一下这个坑，顺便分享解决办法。

问题表现：点击无反应

代码其实非常简单：

<template>
  <button @click="onClick">OK</button>
</template>

<script setup>
function onClick() {
  console.log('按钮被点击了')
}
</script>

这段代码在 H5 和 App 端一切正常，但到了微信小程序里，按钮点击没有任何效果。

控制台没有报错，页面渲染没问题，方法名也没有写错——就