vue 브라우저가 감청을 되돌려주는 구체적인 절차
페이지를 공유할 때 브라우저 반환 단추를 누르고 프로젝트 첫 페이지로 돌아가 방문량을 늘리기를 바랍니다.
브라우저의 뒤로 가기 단추를 감청하고 기본 이벤트를 막아야 합니다.
구체적인 단계는 다음과 같다.
1. 마운트가 완료되면 브라우저가 팝스테이트를 지원하는지 판단합니다
mounted(){
if (window.history && window.history.pushState) {
history.pushState(null, null, document.URL);
window.addEventListener('popstate', this.goBack, false);
}
},
2. 페이지를 삭제할 때 감청을 취소합니다.그렇지 않으면 다른 vue 루트 페이지도 감청됩니다.
destroyed(){
window.removeEventListener('popstate', this.goBack, false);
},
3. 감청 조작을 methods에 쓰고 remove Event Listener가 감청 내용을 취소하려면 감청을 켜는 것과 일치해야 하기 때문에 함수는 methods에 가져가서 쓴다
methods:{
goBack(){
this.$router.replace({path: '/'});
//replace ,
}
}
첨부:popstate는 무엇에 쓰입니까?팝스테이트 어떻게 써요?
HTML5의 새 API는 윈도우를 확장합니다.history, 역사 기록점을 더욱 개방시켰다.현재 역사 기록점pushState를 저장하고 현재 역사 기록점replaceState를 교체하며 역사 기록점popstate를 감청할 수 있습니다.
pushState,replaceState는 두 가지 용법이 차이가 많지 않다.
사용 방법:
history.pushState(data,title,url);
// data state ; title , , ; url ;
replaceState 사용법은 다음과 같습니다history.replaceState(" ","",location.href+ "#news");
총결산이 vue 브라우저의 감청 반환에 관한 글은 여기 소개되어 있습니다. 더 많은 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에 따라 라이센스가 부여됩니다.