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과 같습니다).
  • current는 현재 기본 루트입니다 (보통 변경할 필요가 없습니다)
  • append는current 루트에 경로를 추가할 수 있도록 합니다 (예:router-link)
  • 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

    좋은 웹페이지 즐겨찾기