vue 닻 점 기능 조작 실현
어떻게 실현 합 니까?
router 파일 의 index.js 에서
설정:
1.설정
2.경로 이동
3.정박지 설치
마지막 으로,나 는 문 제 를 만 났 습 니 다.npm run build 생 성 프로젝트 후 테스트 를 했 습 니 다.처음으로 성공 한 후에 페이지 에서 한 파 를 조작 하고 새로 고침 을 했 습 니 다.웹 페이지 를 여 는 데 실 패 했 습 니 다.
자원 을 찾 을 수 없 음 을 표시 합 니 다.(누 군 가 를 만 나 본 적 이 있 는 지 모르겠다)
솔 루 션:router 폴 더 아래 index.js 의 mode:history 설명 을 삭제 합 니 다.
보충 지식:vue 개발 중 닻 점 포 지 셔 닝 및 점프 실현(url 변화 없 음)
다음 과 같다.
<template>
<div>
<div id='header'></div>
<div class='footer' @click='returnTop'></div>
</div>
</template>
methods:{
returnTop(){
document.querySelector("#header").scrollIntoView(true);
}
}
document.query Selector("지방 으로 돌아 갈 id").scrollIntoView(true);HTML 5 는 scrollIntoView()를 표준 방법 으로 선 택 했 으 며,scrollIntoView()는 모든 HTML 요소 에서 호출 할 수 있 습 니 다.
브 라 우 저 창 이나 용기 요 소 를 스크롤 하면 요 소 를 호출 하면 창 에 나타 날 수 있 습 니 다.
이 방법 에 true 를 매개 변수 로 입력 하거나 매개 변수 가 들 어 오지 않 으 면 창 이 굴 러 간 후에 요소 의 상단 과 창 상단 을 최대한 평평 하 게 합 니 다.
이 방법 에 false 를 매개 변수 로 전송 하면 호출 요 소 는 가능 한 한 모두 시점 에 나타 납 니 다(가능 하 다 면 호출 요소 의 밑부분 은 시점 의 상단 과 같 습 니 다).그러나 상단 이 반드시 같 지 는 않 습 니 다.
이상 의 vue 가 닻 점 기능 을 실현 하 는 것 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.