vue 移动端点击事件无效

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

clipboard.png
clipboard.png
touchstart 事件有效

回答:

贴个代码吧,我倒是觉得是不是你阻止了冒泡或者样式层级出现了问题?我有一次按钮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; 来解决

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注