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 브라우저의 감청 내용을 되돌려 받으려면 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!

좋은 웹페이지 즐겨찾기