Vue 이동 끝 지점의 300ms 지연 문제 해결

1361 단어 Vue300ms딜레이
1. 모듈 설치
cnpm install fastclick -S
2. 메인에서js에 도입하고 body에 귀속
import FastClick from 'fastclick'
FastClick.attach(document.body);
better-scroll과fastclick이 충돌하여 클릭할 수 없을 때:

<slider>
  <div v-for="item in recommends">
  <a :href="item.linkUrl" rel="external nofollow" >
   <!--  better-scroll  fastclick , class="needsclick", ,  -->
   <img class="needsclick" @load="loadImage" :src="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밀리초 지연되는 문제를 해결한 것은 바로 편집자가 여러분께 공유한 모든 내용입니다. 참고 부탁드리며 많은 응원 부탁드립니다.

좋은 웹페이지 즐겨찾기