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

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

傳參
this.$router.push({
   path:'/xxx'
   query:{
        idname:id
      }
})
接收的方式：this.$route.query.id

2.params方式傳遞參數

傳參：

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

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