Vue 이동 끝 지점의 300ms 지연 문제 해결
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밀리초 지연되는 문제를 해결한 것은 바로 편집자가 여러분께 공유한 모든 내용입니다. 참고 부탁드리며 많은 응원 부탁드립니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.