vue 경로 상대 경로 이동
append
속성과 router.resolve
방법을 사용했기 때문에 구체적인 사용 방법을 열거했다.1. append 속성
append 속성을 설정하면 현재 (상대적) 경로 앞에 기본 경로를 추가합니다.유형:
boolean
기본값: false
예를 들어 우리는/eth(기본 경로)에서 상대 경로/eth/block,/eth->/eth/block으로 이동했다. 경로 설정block
에 append 속성이 추가되면 전체 경로는/eth/block이고 없으면 전체 경로는/block이다.현재 경로가/eth이면 하위/eth/block으로 건너뜁니다
<router-link to="block" append>
/eth =====> /eth/block
router-link>
현재 경로가/eth/login이면 같은 등급의/eth/block으로 건너뜁니다
<router-link to="../block" append>
/eth/login =====> /eth/block
router-link>
현재 경로가/eth/block이면 상위/eth로 돌아갑니다
<router-link to="../" append>
/eth/block =====> /eth
router-link>
2.router.resolve 방법
router.resolve(location, current?, append?)
반환값:라우팅 객체
의 toprop과 같습니다).export default {
mounted() {
//
let routeObj = this.$router.resolve({
path: '../'
},
this.$route,
"append"
);
//
console.log(routeObj);
//
this.$router.push({
path: routeObj.route.path,
query: {
//
id: this.id
}
});
}
}
제
시간 나면 오세요.https://www.wangyanan.online
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
VUE 기반 장치가 PC인지 모바일 포트인지 판단실제 개발 과정에서 자주 발생하는 수요는 현재 웹 페이지에 로그인한 장치가 PC인지 이동인지를 판단하고 PC 측과 모바일 측이 서로 다른 웹 내용을 표시하도록 요구하는 것이다. 그러면 현재 로그인 장치에 대한 판단이...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.