1.Params
//帶過去id
通過this.$router.push({name:routename,parmas:{id:id}});
由于動(dòng)態(tài)路由也是傳遞params的之拨,所以在 this.$router.push() 方法中 path不能和params一起使用荒适,否則params將無效算途。需要用name來指定頁(yè)面。
及通過路由配置的name屬性訪問
在路由配置文件中定義參數(shù):
2.Query
頁(yè)面通過path和query傳遞參數(shù),該實(shí)例中row為某行表格數(shù)據(jù)
923150805877.png
在目標(biāo)頁(yè)面通過this.$route.query獲取參數(shù):
<colgroup><col style="width: 424px;"><col style="width: 424px;"></colgroup>
this.$route.query.row舌菜。xxx
區(qū)別:
1、用法:
query要用path來引入淆党,params要用name來引入酷师,接收參數(shù)都是類似的,分別是this.$route.query.name和this.$route.params.name染乌。
注意接收參數(shù)的時(shí)候山孔,已經(jīng)是$route而不是$router
2、展示上
query更加類似于我們ajax中g(shù)et傳參荷憋,params則類似于post台颠,說的再簡(jiǎn)單一點(diǎn),前者在瀏覽器地址欄中顯示參數(shù)勒庄,后者則不顯示