ペイロードに基づくVuejsルート

Question

vuerouterを使用していて、ペイロードに基づいてコンポーネントにルーティングしたい。

{ 
    path: '/foobar', 
    name: 'foobar', 
    component: foobar, 
} 
{ 
    path: '/foobar', 
    name: 'foobarSuccess', 
    component: foobarSuccess, 
    query: { status: 'success' } 
} 

上記の例では、最初のルートはステップ1です。そこでいくつかのことを行い、別のページに行き、payload status = succcessでリダイレクトされます。クエリオブジェクトを使用して正しいコンポーネントにルーティングするにはどうすればよいですか？

Answer 1

はまた、あなたが参照することができます詳細についてはsccuessメッセージ

を表示することができ、このパラメータに基づいて最終的には、successよう/foobar/success が含まれていますパラメータ

ここ status

{ 
    path: '/foobar', 
    name: 'foobar', 
    component: foobar, 
} 
{ 
    path: '/foobar/:status', 
    name: 'foobarSuccess', 
    component: foobarSuccess, 
    query: { status: 'success' } 
} 

であなたのルータを定義する必要がありますシンプルなドキュメントhttps://router.vuejs.org/en/essentials/dynamic-matching.html、