vue-router의 이름과 매개 변수로 경로를 얻으십시오.

Question

vue-router와 함께 Vue를 사용하고 있습니다. 목록보기의 제품 항목의 경우 url 속성을 제품 세부 사항보기의 경로로 설정하여 JSON-LN 주석을 생성하고 싶습니다.

은 내가 this.$route.path을 사용하여 현재 경로의 경로를 얻을 수 있지만 다른 곳에서 경로의 경로를 주입하는

<router-link :to={name: 'ProductDetail', params: {id: some_id, slug: some_slug}}></router-link>

로 렌더링 할 것 같은 별개의 경로 경로를 얻을 수있는 방법이 있나요 알아?

Answer 1

당신은 Router instance's resolve method를 찾고 있습니다 :

이

<router-link/>에서 사용, 반환 다음 해결 속성 객체를 동일한 형태로

주어진 위치 :

{ 
    location: Location; 
    route: Route; 
    href: string; 
} 

귀하의 경우에는 당신이 할 수있는 URL을 얻으려면 다음과 같이하십시오.

let props = this.$router.resolve({ 
    name: 'ProductDetail', 
    params: { id: some_id, slug: some_slug }, 
}); 

return props.href;