Vue는 부드러운 움직임을 달성하기 위해 jquery를 도입합니다.

php中世界最好的语言
풀어 주다: 2018-05-22 14:29:20
원래의
1610명이 탐색했습니다.

이번에는 부드러운 움직임을 구현하기 위해 JQuery와 Vue를 소개하겠습니다. 과거에는 jquery의 animate 구현을 선호했지만 Vue에는 그러한 방법이 없습니다. Vue 프로젝트에서 지정된 위치로 원활하게 스크롤하기 위해

탐색

을 구현하는 방법. 이 효과를 위해 오랫동안 온라인에서 검색했는데 이 문제에 대한 실제 해결책이 없다는 것을 알았습니다. 예전 어느 블로거의 생각 : 일정 시간 내에 규칙적인 단계로 스크롤을 함으로써 지속적인 동작 후에 육안으로 볼 때 부드러운 스크롤의 효과를 볼 수 있습니다. (클릭하시면 보실 수 있습니다.) 이 글을 보고 너무 신나서 재빨리 코드를 참조하고 작성했지만 혼란스러웠습니다. . . 전혀 효과가 없었습니다. 논의를 위해 블로거에게 연락한 후 내 vue2.4 버전이 타이머에 적합하지 않을 수 있다는 결론에 도달하여 이 경우 버전을 다운그레이드할 것을 제안했습니다. . . 어떻게 구현하면 좋을지 계속 연구하면 좋겠지만 결국 좋은 방법을 찾지 못해서 jquery를 도입하고 animate 메소드를 사용하여 몇 가지 코드로 이 효과를 구현했습니다. 1.npm jquery 설치: npm installjquery--registry=<a href="//m.sbmmt.com/wiki/373.html" target="_blank">https://</a>

registry .npm.taobao.org --verbose

npm installjquery--registry=<a href="//m.sbmmt.com/wiki/373.html" target="_blank">https://</a>registry.npm.taobao.org --verbose

2.安装成功后修改webpack配置文件build--webpack.base.conf.js2. 성공적인 설치 후 webpack구성 수정 파일

: build--webpack.base.conf.js, 아래와 같이 수정합니다.

3. vue 템플릿의 스크립트에서 이 jquery 플러그인을 가져온 다음 당신은 그것을 사용할 수 있습니다. 내 프로젝트에서는 내비게이션과 다른 모듈이 서로 다른 구성 요소이며, 그 다음에는 송신 및 수신 방법을 사용하여 인덱스를 작동합니다. (송신 방법은 이전 블로그 게시물에 자세히 소개되어 있습니다. 평활화를 보려면 클릭하세요.) 효과는 주로 빨간색 상자에 표시된 내용에 따라 달라집니다. 다른 코드는 내 프로젝트에 있으므로 고려할 필요가 없습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. . 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

JS Promise 사례 코드 분석

노드 Async/Await 비동기 프로그래밍 구현에 대한 자세한 설명

🎜

위 내용은 Vue는 부드러운 움직임을 달성하기 위해 jquery를 도입합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!