Vue.js-单击一页上的链接时,链接正在页面加载中被触发

时间:2019-03-04 18:08:00

标签: cordova vue.js

我正在使用Vue.js进行PhoneGap / Cordova项目。我有两个页面:页面1包含项目列表,页面2是项目的详细版本。第2页还包含各种链接。

Example of Pages - Mockup

我有报告说,在某些情况下,当用户在列表项(第1页)上的各个位置上点击时,该点击将在目标页面(第2页)上执行一个点击。

因此,在Mockup Here中,用户轻按位置T1,页面将快速闪烁至页面2,然后转到链接1。对于T2,链接2和链接T3的链接相同。

有什么想法吗?我该如何缓解这个问题?

1 个答案:

答案 0 :(得分:0)

iOS(WebView)上的Cordova在注册触摸事件方面有300ms的延迟。从技术上来说,单击和触摸是两种不同类型的事件。似乎正在发生的事情是前端注册了“ click”事件,页面加载,然后在300ms之后触发一次触摸事件,从而单击了第二页。

我最终在每次之前在路由器防护中添加了500毫秒的延迟。也许还有另一种优雅的方式可以做到这一点,但就目前而言,这似乎可行。