vue 에서 이전 단계 로 되 돌아 가 는 것 을 금지 하고 경로 에 기록 이 저장 되 지 않 습 니 다.
vue 홈 페이지 에서 제공 한 바 에 따 르 면 건물 주 는 다음 과 같은 몇 가지 방안 이 있다.
홈 페이지 에 따 르 면성명 식 경로 와 프로 그래 밍 식 경로 가 모두 새로운 기록 을 추가 하 는 동시에 vue 는 replace 를 제공 하여 경로 기록 을 교체 하여 경로 가 역사 기록 을 저장 하지 않 는 상황 을 실현 한다.다음은 건물 주가 정리 한 몇 가지 방법 이다.
1.성명 식 경로
2.프로 그래 밍 방식
3.원생 js 실현
건물 주 는 저녁 에 돌아 가서
window.open("http://www.baidu.com.......");
경로 역사 에 기록 을 추가 합 니 다(두 번 째 매개 변수 도 있 습 니 다.여러분 은 몇 번 에서 볼 수 있 습 니까?dom 7 장 에서)
window.location.replace("http://www.baidu.com.......");
이전 기록 을 바 꾸 고 기록 을 추가 하지 않 습 니 다.
추가 지식:vue 리 턴 캐 시 문 제 는 A 페이지 에서 B 페이지 로 건 너 뛰 고 캐 시 A 페이지 로 건 너 갑 니 다.B 가 다시 A 로 돌아 갈 때 페이지 는 리 셋 되 지 않 습 니 다.
긴 말 안 할 게 요.그냥 코드 보 세 요~
// index.js
{
path: '/SearchContent',
name: 'SearchContent',
component: SearchContent,
meta: {
keepAlive: false,//
isBack:false
}
},
{
path: '/Shop',
name: 'Shop',
component: Shop,
meta: {
keepAlive: false,
isBack:false//
}
},
// searchContent
beforeRouteEnter(to, from, next) {
// meta
if(from.name == 'Shop'){
to.meta.isBack = true;
to.meta.keepAlive = true;
} // A ,
next();
},
components:{
"app-brands":Brand
},
// activated keep-alive
activated() {
if(!this.$route.meta.isBack){
// isBack false, , ,
this.getData();
this.getTree();
}
// false, isBack true,
this.$route.meta.isBack=false
},
// , , , activated
mounted(){
this.getData()
this.getTree()
},
이상 의 이 편 은 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에 따라 라이센스가 부여됩니다.