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 클릭 이벤트 에 대한 최적화 상세 한 설명 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.