vux 클릭 이벤트 최적화

Vue 와 WeUI 를 기반 으로 한 구성 요소 라 이브 러 리 입 니 다.vux 를 사용 하 는 항목 에 대해 서 는 클릭 바 인 딩 을 클릭 하 는 것 이 click 이벤트 이기 때문에 이동 단 300 ms 지연 현상 도 자 연 스 럽 게 존재 합 니 다.우 리 는 fastclick 라 이브 러 리 로 이 문 제 를 해결 할 수 있 습 니 다.구체 적 인 절 차 는 다음 과 같 습 니 다.
vue+webpack 프로젝트 디 렉 터 리 를 예 로 들 면:

1.node 콘 솔 을 열 고 프로젝트 디 렉 터 리 로 전환

2.npm 에 fastclick 을 설치 하고 버 전 정 보 를 로 컬 packpage.json 파일 에 기록 합 니 다.

3,다운로드 성공 후,nodemodules 디 렉 터 리 에서 fastclick 라 이브 러 리 폴 더 를 볼 수 있 고 packpage.json 파일 에서 볼 수 있 습 니 다:

4.src 디 렉 터 리 에 있 는 main.js 파일 에 문 구 를 추가 하면 지연 문 제 를 해결 할 수 있 습 니 다.


const FastClick = require('fastclick');
FastClick.attach(document.body);

fastclick 을 참조 하 는 장면 은 반드시 vue+webpack 프로젝트 구조 에서 다른 도입 장면 이 있 는 것 이 아 닙 니 다.
직접 script 에서 fastclick.js 파일 을 도입 하고 내 장 된 방법 을 호출 합 니 다.


<script type='application/javascript' src='./src/fastclick.js'></script>

<script>
if ('addEventListener' in document) {
 document.addEventListener('DOMContentLoaded', function() {
  FastClick.attach(document.body);
 }, false);
}

//      jquery ，     ：
$(function() {
 FastClick.attach(document.body);
});
</script>

더 많은 도입 장면 과 구체 적 인 도입 방법 은 참조 하 시기 바 랍 니 다fastclick
이상 의 vux 클릭 이벤트 에 대한 최적화 상세 한 설명 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Android 방지 단 추 를 누 르 면 예제 코드 를 반복 클릭 합 니 다.

버튼 중복 클릭 방지 이상 은 우리 가 단 추 를 중복 클릭 하 는 것 을 방지 하 는 OnFastClickListener 의 소스 코드 입 니 다.여기 서 우 리 는 중복 클릭 을 방지 하 는 OnClickList...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

vux 클릭 이벤트 최적화

좋은 웹페이지 즐겨찾기