Vue 라우터 링크: 형제 또는 자녀 관련 링크

Vue 라우터 링크: 형제 또는 자녀 관련 링크

저는 Vue 2를 프레임워크로 사용하고 함께 제공되는 Vue Router를 라우팅 목적으로 사용하는 웹 애플리케이션을 개발하고 있습니다.

탭 형식의 뷰를 개발하고 있기 때문에, 현재의 어프로치는 메인 컴포넌트의 자경로를 정의하는 것입니다.다음과 같은 것들이 있습니다.

{ path: '/user/:id', component: User, children: [
    { path: '', component: UserHome },
    { path: 'profile', component: UserProfile },
    { path: 'posts', component: UserPosts }
]}

셋업은 정상이며 라우팅은 예상대로 동작합니다.여기서 링크의 정의에 대해 알아보겠습니다.User컴포넌트의 템플릿을 하위 항목으로 이동합니다(탭으로 된 네비게이션).링크도 정의하려고 합니다.UserHome컴포넌트를 형제 컴포넌트에 직접 연결(UserProfile&UserDetails).

내가 아는 한, 모든 경로의 반복을 피할 수 있는 쉬운 방법은 없다.to의 속성router-link네비게이션의 파손을 피하기 위해 동작하고 있는 이 바이올린과 파손된 바이올린을 참조해 주십시오.to특성.상대경로를 정의하여 그 값을 얻을 수 있을 것으로 예상합니다.to하위 경로 및/또는 형제 경로 사이를 탐색하는 특성입니다.

어떤 방법이 더 나은지 아세요?router-link컴포넌트?

언급URL : https://stackoverflow.com/questions/46728294/vue-router-link-sibling-or-child-relative-links