使用vuecli3快速搭建项目模板解决移动端300ms延迟需要安装fastclick,当然如果你使用ts还需要安装@types/fastclick
在引入main.ts中是会报错
import FastClick from 'fastclick'
FastClick.attach(document.body)
一般这类问题都是使用了ts才报错的,去node-modules下面找到@types/fastclick/index.d.ts文件打开修改里面内容就可以解决
// Type definitions for FastClick v1.0.3
// Project: https://github.com/ftlabs/fastclick
// Definitions by: Shinnosuke Watanabe <https://github.com/shinnn>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
interface FastClickObject {
lastTouchIdentifier: number;
layer: Element;
tapDelay: number;
targetElement: any;
touchBoundary: number;
touchStartX: number;
touchStartY: number;
trackingClick: boolean;
trackingClickStart: number;
destroy(): void;
determineEventType(targetElement: any): string;
findControl(labelElement: any /* EventTarget | HTMLLabelElement */): any;
focus(targetElement: any /* EventTarget | Element */): void;
getTargetElementFromEventTarget(eventTarget: EventTarget): any;
needsClick(target: any /* EventTarget | Element */): boolean;
needsFocus(target: any /* EventTarget | Element */): boolean;
}
interface FastClickOptions {
touchBoundary?: number;
tapDelay?: number;
}
interface FastClickStatic {
new(layer: any, options?: FastClickOptions): FastClickObject;
attach(layer: any, options?: FastClickOptions): FastClickObject;
}
declare module "fastclick" {
var FastClick: FastClickStatic;
export = FastClick;
}
declare var FastClick: FastClickStatic;
可以参照github有介绍
重新运行npm run serve就可以了