1. 程式人生 > >關於vue-router 中參數傳遞的那些坑(params,query)

關於vue-router 中參數傳遞的那些坑(params,query)

round 傳參 ack 方式 pan 路徑 fff 跳轉 div

1.query方式傳參和接受參數

1 傳參
2 this.$router.push({
3    path:‘/xxx‘
4    query:{
5         idname:id
6       }
7 })
接收的方式:this.$route.query.id

2.params方式傳遞參數

1 傳參:
2 this.$router.push({
3    name:‘路徑名稱‘
4    query:{
5         idname:id
6       }
7 })
接收的方式:this.$route.params.id

3.query和params的區別,query相當於get請求,在頁面跳轉的時候,可以在地址欄看到請求參數,然而params則相當於post請求,參數不會在地址欄中顯示。

關於vue-router 中參數傳遞的那些坑(params,query)