聲明路由器鏈路不使用VueRouter

Question

開發任務調度路徑「/任務？ID = 10」填充與該任務信息的異步​​響應，該工程確定的組件模型中的Vue組件清算模式。

在導航欄我有以下的路由器鏈接：

<router-link to="/task">New Task</router-link> 

中，如果「ID」參數存在所以我使用了創建新任務和編輯現有的所有基於相同的路徑和組件或不。

問題是，如果我在路徑'/任務？id = 10'，我填充一些模型字段，然後我點擊路由器鏈接指向'/任務'（沒有參數）它改變了瀏覽器的URL但它不清除組件模型，因此輸入數據仍然存在。

我怎樣才能重新啓動/重新加載組件通過聲明路由器鏈接登陸的時候嗎？

Answer 1

您可以製作父子組件。父組件在/任務路線上，孩子將在'/ task/10上。更多，Nested Routes。此外，您不需要追加'？id ='，只需/任務/ 10。

const router = new VueRouter({ 
    routes: [ 
    { path: '/task', component: Task, 
     children: [ 
     { path: ':id', component: TaskId } 
     ] 
    }] 
}); 

jsfiddle