vue 移动端点击事件无效

使用了vue的嵌套路由,所有事件在pc端有效,click事件在移动端时只有在首页面有效,其子路由上click事件无效,另外iscroll插件,在首页面有效,子路由也无效,我觉得应该是和嵌套的多层子路由相关,但是想不到问题解决。

clipboard.png
clipboard.png
touchstart 事件有效

阅读 23.4k
6 个回答

贴个代码吧,我倒是觉得是不是你阻止了冒泡或者样式层级出现了问题?我有一次按钮css样式处于底部的时候会被挡住无法点击。。。具体得看你代码。。

问题解决了,iscroll不能滚动是因为没有给new IScroll(id)的这个元素加高度,而且需要滚动的元素不应该设置高度为100%的,移动端的事件无法点击是iscroll的坑,说是移动端对clcik的效果不太好所以,需要加一下参数
myScroll = newIScroll('#wrapper', { mouseWheel: true, click: true, tap: true });

这样就可以触发click事件了

新手上路,请多包涵

建议使用 Better Scroll。更好用。移动端没有问题。

问题应该是isscroll插件的问题,因为可以在没有引用isscroll的组件上使用click事件是可以的, 建议直接使用better-scroll, 确实可以在移动端上执行到click的.

新手上路,请多包涵

iscroll里面的坑是真的多

有时候在ios端不能点击的话,可以在css里加 cursor:pointer; 来解决

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题