天天看點

params和query傳參的差別

1、用法上的

{

path:"/detail",

name:“detail”,

component:home

}

this.$router.push({

path:"/detail",

params:{

name:‘nameValue’,

code:10011

}

}); ----------------這是錯誤的

this.$router.push({

name:“detail”,

params:{

name:‘nameValue’,

code:10011

}

});---------------------這樣才正确

剛才已經說了,query要用path來引入,params要用name來引入,接收參數都是類似的,分别是this. r o u t e . q u e r y . n a m e 和 t h i s . route.query.name和this. route.query.name和this.route.params.name。

注意接收參數的時候,已經是 r o u t e 而 不 是 route而不是 route而不是router了哦!!

2、展示上的

query更加類似于我們ajax中get傳參,params則類似于post,說的再簡單一點,前者在浏覽器位址欄中顯示參數,後者則不顯示

params和query傳參的差別
params和query傳參的差別