vue路由組件傳參有兩種方式:vue
1.query{} //對象裏面寫要傳遞的參數測試
最終參數會被保存到URL上 ?prop1=xxx&prop2=xxxthis
2.params{} //對象裏面寫要傳遞的參數url
若是不在路由上面修改,傳遞的只是臨時參數,能夠經過this.$route.paeams能看到對應的參數,可是,當頁面刷新時,再次訪問對應的參數則爲undefined,就是你們說的參數丟失。對象
要使params傳遞的參數刷新頁面不丟失,須要把它保存到url上,即 在路由界面編輯路由時標記須要傳遞的參數,如 路由/:id路由
當傳遞多個參數時,目前我已知有兩種寫法: 路由/:id/:user 顯示 路由/1/123route
l路由/:id&:user 顯示 路由/1&123query
還有關於說query只能用path去引路由,params只能用name去引路由的說法,我本身測試了當用name引路由時,用query和params傳參都沒有報錯,且正常進行。path