手机上Vue页面点不动，怎么远程调试？

Code°文阁提问于 2026-03-22 09:52:21 阅读 13

移动

我在开发一个移动端 Vue 页面，本地 Chrome 调试一切正常，但真机 Safari 打开后按钮完全没反应，点击事件好像没触发。已经连了 iOS 的 Web Inspector，但控制台啥错误都没有，急死了。

代码很简单，就是个按钮绑了个方法：

<template>
  <div class="container">
    <button @click="handleClick">点我试试</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      alert('clicked!');
    }
  }
}
</script>

是不是漏了什么 meta 标签或者需要额外配置？远程调试时根本看不出为啥 click 不生效……

移动调试

我来解答赞 4 收藏

反馈

1 条解答

ლ玉丹 Lv1

检查一下是否有触摸事件被其他元素捕获了，直接在 button 上加个 style="touch-action: manipulation;" 看看行不行。不行的话，确保你的 meta 标签里有 viewport 设置，比如。

2026-03-22 10:01