Vue 라우터 설정에서 url 및 props 객체의 전문가 결합

Question

여기에 내 라우터 구성이 있습니다.

const router = new VueRouter({ 
    routes: [ 
    { 
     path: '/user/:id', 
     components: User, 
     props: { 
     sidebar: true 
     } 
    } 
    ] 
}) 

나는 모든 소품 (예를 들어, sidebar 및 id)이 설정 만 sidebar에 액세스 할 수 없습니다.

아이디어가 있으십니까?

Answer 1

이 같은 경로 경로, params가 액세스 할 수 있습니다 내가 제대로 이해하면

this.$route.path 또는 함수, 계산 된 소품이나 템플릿 내에서

this.$route.params.id 

이

Answer 2

, 당신이 원하는 소품 sidebar을 true (정적)으로 설정하고 id을 :id URL 매개 변수 (동적)로 설정하십시오.

당신은 매개 변수로 경로를 취하고 소품 값을 사용하면 구성 요소에 설정할 반환하는 함수를 사용해야합니다 :

props: route => ({ 
    id: route.params.id, 
    sidebar: true, 
}) 

는 VUE 라우터의 문서에서 Function Mode에서보세요을 자세한 내용은.