URLからの賛辞とVueルータの設定の小道具オブジェクトを組み合わせる

Question

ここに私のルータの設定です。

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

私はすべての小道具（例えばsidebarとid）、この設定でのみsidebarにアクセスすることはできません。

アイデア？あなたは、このようにルート・パスとのparamsにアクセスすることができ

Answer 1

：あなたの関数内から

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を見てください詳細については。