基於有效載荷的Vuejs路由

Question

我使用vuerouter並希望根據有效載荷路由到組件。

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

上面的例子，第一條路線是第一條路線。我們在那裏做了一些事情，然後我們轉到另一個頁面，並使用有效負載狀態= succcess重定向。我如何使用查詢對象路由到正確的組件？

Answer 1

你必須與參數

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

這裏status定義你的路由器將包含類似success，終於/foobar/success 基於這個參數也可以顯示sccuess消息

對於您可以參考更多信息簡單文檔https://router.vuejs.org/en/essentials/dynamic-matching.html,