解決Vue 移動端點擊出現300毫秒延遲的問題

1. 安裝模塊

cnpm install fastclick -S

2. 在main.js中引入，并綁定到body

import FastClick from ’fastclick’

FastClick.attach(document.body);

當better-scroll和 fastclick沖突的不能點擊的時候：

<slider> <div v-for='item in recommends'> <a :href='http://www.wxshucaidpc.com/bcjs/item.linkUrl' rel='external nofollow' > <!-- 當better-scroll和 fastclick沖突的不能點擊的時候，只需要加上class='needsclick',圖片就可以被點擊了，解決沖突的問題 --> <img @load='loadImage' :src='http://www.wxshucaidpc.com/bcjs/item.picUrl'> </a> </div></slider>

補充知識：@types/fastclick在vue+ts中的使用

1、在使用了ts的vue項目中，以往直接安裝fastclick不能正常使用，根據提示執行下面命令就好了

cnpm i @types/fastclick

2、找到node-modules下面的@types/fastclick/index.d.ts文件，然后打開修改里面內容即可

在這里插入代碼片declare module 'fastclick' { // function fastclick(layer: any, options?: FastClickOptions): FastClickObject; // namespace fastclick { // var FastClick: FastClickStatic; // }這里注釋的代碼刪掉 var FastClick: FastClickStatic;//改成這行代碼 export = FastClick;}

main.ts里面按照以往的配置就好了

import FastClick from ’fastclick’;

FastClick.attach(document.body);

以上這篇解決Vue 移動端點擊出現300毫秒延遲的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持好吧啦網。