最常用的方式A頁面跳轉到B頁面,傳遞參數(id和code)
A頁面觸發跳轉事件
this.$router.push({
name: "ProInsur",//ProInsur路由的name值
params: {
id: xxx,
Code:xxx
}
});
B頁面接收參數
id:this.$route.params.id,
code: this.$route.params.Code
通過query和params的差別:
用法上:
query 要用 path 來引入,params 要用 name 來引入,接收參數都是類似的,分别是this. r o u t e . q u e r y . i d 和 t h i s . route.query.id 和this. route.query.id和this.route.params.id。注意接收參數的時候,已經是 r o u t e 而 不 是 route 而不是 route而不是router 了哦!!
展示上:
query 更加類似于我們 ajax 中 get 傳參,params 則類似于 post;即通過query方式在浏覽器位址欄中顯示參數,通過params則不顯示;是以兩者不能同時使用