鍍金池/ 問答/HTML/ vue 移動端點擊事件無效

vue 移動端點擊事件無效

使用了vue的嵌套路由,所有事件在pc端有效,click事件在移動端時只有在首頁面有效,其子路由上click事件無效,另外iscroll插件,在首頁面有效,子路由也無效,我覺得應該是和嵌套的多層子路由相關,但是想不到問題解決。

clipboard.png
clipboard.png
touchstart 事件有效

回答
編輯回答
賤人曾

建議使用 Better Scroll。更好用。移動端沒有問題。

2017年12月15日 12:33
編輯回答
墨沫

貼個代碼吧,我倒是覺得是不是你阻止了冒泡或者樣式層級出現(xiàn)了問題?我有一次按鈕css樣式處于底部的時候會被擋住無法點擊。。。具體得看你代碼。。

2017年5月19日 19:22
編輯回答
孤巷

問題應該是isscroll插件的問題,因為可以在沒有引用isscroll的組件上使用click事件是可以的, 建議直接使用better-scroll, 確實可以在移動端上執(zhí)行到click的.

2017年1月9日 09:53
編輯回答
糖果果

問題解決了,iscroll不能滾動是因為沒有給new IScroll(id)的這個元素加高度,而且需要滾動的元素不應該設置高度為100%的,移動端的事件無法點擊是iscroll的坑,說是移動端對clcik的效果不太好所以,需要加一下參數(shù)
myScroll = newIScroll('#wrapper', { mouseWheel: true, click: true, tap: true });

這樣就可以觸發(fā)click事件了

2017年10月27日 22:40