vue 路由傳參 params與query的區別

2021-09-11 16:22:58 字數 492 閱讀 9637

假設是從列表頁帶著引數id進入詳情頁,有兩種傳參方式:paramsquery

列表頁 list.vue:

todetail(id) 

})},

詳情頁 detail.vue:

created() ,
列表頁 list.vue:

todetail(id) 

})},

詳情頁 detail.vue:

created() ,
1. 引入路由:params要用name,query要用path

2. 接收引數:params是this.$route.params.id,query是this.$route.query.id

params:

query:

vue 路由傳參 params 與 query

router檔案下index.js裡面,是這麼定義路由的 我想用params來傳參,是這麼寫的,嗯 this.router.push 結果可想而知,接收引數的時候 this.route.params.code undefined這是因為,params只能用name來引入路由,下面是正確的寫法 thi...

Vue 路由傳參query與params

註明 vue中 router 和 route 的區別 router 是路由操作物件,只寫物件 route 路由資訊物件,唯讀物件 操作 路由跳轉 this router.push 讀取 路由引數接收 this.name this route.params.name this.age this.rou...

vue路由傳參 params和query

query傳參 路由 routes 傳參 通過path引入 this router.push 通過name引入 this router.push 接收 com和hhhhome元件中 console.log this route.query params傳參 只能用name引入,不能用path 路由 ...