1. 安裝模塊

cnpm install fastclick -S

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

import FastClick from ’fastclick’

FastClick.attach(document.body);

當(dāng)better-scroll和 fastclick沖突的不能點(diǎn)擊的時(shí)候：

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

補(bǔ)充知識(shí)：@types/fastclick在vue+ts中的使用

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

cnpm i @types/fastclick

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

在這里插入代碼片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 移動(dòng)端點(diǎn)擊出現(xiàn)300毫秒延遲的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。