vue 닻 점 기능 조작 실현

1791 단어 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 가 닻 점 기능 을 실현 하 는 것 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기