产生原因：手机使用了300ms的延迟来判定用户是否发生双击行为。
解决问题：
1.禁用缩放
表明这个页面是不可缩放的，此时浏览器可以禁用默认的双击缩放行为并且去掉300ms的点击延迟。
缺点：这样会完全禁用缩放功能。
2.更改默认的可视宽度
设置了上述meta标签，那浏览器就可以认为该网站已经对移动端做过了适配和优化，就无需双击缩放操作了。
它没有完全禁用缩放，而只是禁用了浏览器默认的双击缩放行为，但用户仍然可以通过双指缩放操作来缩放页面。
3.css touch-action
touch-action这个CSS属性。这个属性指定了相应元素上能够触发的用户代理（也就是浏览器）的默认行为。如果将该属性值设置为touch-action: none，那么表示在该元素上的操作不会触发用户代理的任何默认行为，就无需进行300ms的延迟判断。
4. FastClick
FastClick 是 FT Labs 专门为解决移动端浏览器 300 毫秒点击延迟问题所开发的一个轻量级的库。FastClick的实现原理是在检测到touchend事件的时候，会通过DOM自定义事件立即出发模拟一个click事件，并把浏览器在300ms之后的click事件阻止掉。
Vue的解决方法
安装 fastclick 插件
main.js 中引入