vuejsルータのオプションのパラメタ

Question

特定のコンポーネントには、パラメタ付きのものとないものの2つの方法でルーティングする必要があります。私はオプションのパラメータを検索し、何とか多くの情報を見つけることができません。

だから私のルート：私は、プログラムのparamでそれを呼び出すと

{ 
    path: '/offers/:member', 
    component: Offers, 
    name: 'offers', 
    props: true, 
    meta: { 
     guest: false, 
     needsAuth: true 
    } 
}, 

、すべての罰金

this.$router.push({ path: /offers/1234 }); 

である私もこの

<router-link to="/offers">Offers</router-link> 

ようNAVを経由して、それを呼び出す必要がありますが

offersコンポーネントは、

このよう

<Offers :offers="data" :member="member"></Offers> 

として使用

props: ['member'], 

とコンポーネント今、私はそれが働いて得ることができた醜い方法は、ルートを複製し、そのうちの一つは、小道具を取らない作りです：

{ 
    path: '/offers', 
    component: Offers, 
    name: 'offers', 
    props: false, 
    meta: { 
     guest: false, 
     needsAuth: true 
    } 
}, 

それは実際に動作しますが、私はそれに満足していません - devモードでもvuejsは私に警告しています[vue-router] Duplicate named routes definition: { name: "offers", path: "/offers" }

確かに方法がありますコンポーネントコールのオプションのパラメータ:member="member"？

Answer 1

疑問符?を追加するだけでオプションになります。

{ 
    path: '/offers/:member?', 
    ... 
}, 

あなたのvue-routerが更新されていることを確認してください。

出典：https://github.com/vuejs/vue-router/issues/235#issuecomment-245447122