vue-router 2.0 상용 기초 지식 점 의 router.push()
2388 단어 vuerouter.push
router.push(location)
다른 URL 로 탐색 하려 면 router.push 방법 을 사용 하 십시오.이 방법 은 history 스 택 에 새 기록 을 추가 하기 때문에 사용자 가 브 라 우 저 후퇴 단 추 를 누 르 면 이전 URL 로 돌아 갑 니 다.
성명 식:
프로 그래 밍:router.push(...)
이 방법의 매개 변 수 는 문자열 경로 나 주 소 를 설명 하 는 대상 일 수 있 습 니 다.
//
router.push('home')
//
this.$router.push({path: '/login?url=' + this.$route.path});
//
router.push({ name: 'user', params: { userId: 123 }})
// , /backend/order?selected=2
this.$router.push({path: '/backend/order', query: {selected: "2"}});
//
this.$http.post('v1/user/select-stage', {stage: stage})
.then(({data: {code, content}}) => {
if (code === 0) {
//
this.$router.push({path: '/home'});
}else if(code === 10){
// , /login?stage=stage
this.$router.push({path: '/login', query:{stage: stage}});
}
});
//
let queryData = {};
if (this.$route.query.stage) {
queryData.stage = this.$route.query.stage;
}
if (this.$route.query.url) {
queryData.url = this.$route.query.url;
}
this.$router.push({path: '/my/profile', query: queryData});
replace형식:boolean
기본 값:false
replace 속성 을 설정 하면 누 르 면 router.replace()가 아 닌 router.push()를 호출 하기 때문에 내 비게 이 션 후 history 기록 을 남기 지 않 습 니 다.반환 단 추 를 눌 러 도 이 페이지 로 돌아 오지 않 습 니 다.
//replace:true 를 더 하면 history 에 새 기록 을 추가 하지 않 고 방법 명 과 같 습 니 다.현재 history 기록 을 교체 합 니 다.
this.$router.push({path: '/home', replace: true})
// :
<router-link :to="..." replace></router-link>
// :
router.replace(...)
종합 사례
this.$router.push({path: '/coach/' + this.$route.params.id, query: queryData});
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.