当前位置: 首页 > 知识库问答 >
问题:

vue3 - Nuxt3移动端@click绑定点击为什么无效?

匡旭东
2023-12-08

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

<script setup>// app.vueconst i = ref(0);const clickDIV = () => {    i.value = i.value + 1;}</script><template>    <div @click="clickDIV()">点击 - {{i}}</div></template><style scoped></style>

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

共有1个答案

宗穆冉
2023-12-08

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

  • ontouchstart 手指按下触发
  • ontouchmove 手指移动触发
  • onTouchend 手指抬起触发
https://juejin.cn/post/7039723755806916638

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

 类似资料:
  • 增加一个属性为什么会报错 class_name, class_name2 又可以

  • 在h5正常双向绑定数据,但是移动端的时候v-model就无效了,初始化不能正常选择,改变方法可以执行,但是selectedOption不变,这是什么原因如何解决?

  • pc版正常 开发者工具切换到移动端后 有的页面正常 有的抖动偏移 有的直接没有顶吸效果

  • 关于静态和动态之间的区别,我仍然有点困惑。据我所知,动态使用对象,而静态使用类型,动态在运行时解析,而静态在编译时解析。所以this.lastName.compare(s1.last名称)不应该使用动态绑定吗? 钥匙compareTo(list[position-1])使用动态绑定 (this . last name . compare to(S1 . last name))为什么使用静态绑定?

  • 本文向大家介绍移动端点击事件为什么会有延迟?有哪些方法可以解决?相关面试题,主要包含被问及移动端点击事件为什么会有延迟?有哪些方法可以解决?时的应答技巧和注意事项,需要的朋友参考一下 视口延迟判断,300ms之内会不会有下一次点击操作,如果有就是放大缩小,没有就是点击事件 fastclick主要的原理就是,创建了一个div,并且执行了这个div的点击事件并且取消默认事件,再隐藏这个div

  • 直接使用 WeUI 样式并引入 fastclick 会导致一些点击问题,VUX 组件内部已经做了相关处理。 引入 fastclick 在main.js里引用fastclick const FastClick = require('fastclick') FastClick.attach(document.body) // done