vue 路由參數的傳遞和獲取

路由傳參的方式

// 相似於get請求,地址欄顯示參數
1.this.$router.push({path:'/about',query:{id:1}});
// 相似於get請求,地址欄顯示參數
2.this.$router.push({name:'about',query:{id:1}); 
// 推薦使用,相似於post請求,地址欄不顯示參數,沒有參數大小限制
3.this.$router.push({name:'about',params:{id:1}});

注意:

查詢方式	query參數	params參數
使用path時	值能正常獲取,在地址欄展現參數,相似於get	不能正常獲取,值爲空
使用name時	值能正常獲取,在地址欄展現參數,相似於get	值能正常獲取,地址欄不展現參數,相似於post

路由獲取參數

1.this.$route.query
2.this.$route.params