Nuxt3移动端@click绑定点击为什么无效？

Question

Nuxt3 移动端绑定点击为什么无效？

<script setup>
// app.vue

const i = ref(0);

const clickDIV = () => {
    i.value = i.value + 1;
}
</script>

<template>
    <div @click="clickDIV()">点击 - {{i}}</div>
</template>

<style scoped>

</style>

如果是 VUE3 中可以，如果是 Nuxt3 中不可以，为什么？用手机浏览器，或微信打开，都不可以，PC端浏览器模拟移动端可以。

Answer 1

或者改用移动端的专用事件:

• ontouchstart 手指按下触发
• ontouchmove 手指移动触发
• onTouchend 手指抬起触发

https://juejin.cn/post/7039723755806916638

有个说法是微信ios内置浏览器认为，不是button a标签之外的非点击元素 比如div 是不可点击的
比如给div绑了click事件，在微信里边是不生效的，解决办法是给这个div元素添加一个样式属性 cursor: pointer;
可以试试