溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在當前路由中有一個toArticle方法可以跳轉到article頁面
methods:{
toArticle:function(index) {
this.$router.push({path:'/article',params:this.blogList[index]});
}
}
在article中接受不到params
mounted(){
console.log(this.$route.params)
//這里輸出undifined
}
導致這樣的原因是因為params需要通過name來獲取，這里就要明白query和params的區別了
query要用path來引入,接收參數都是this.$route.query.name。query類似于ajax中get傳參，即在瀏覽器地址欄中顯示參數。
params要用name來引入，接收參數都是this.$route.params.name。params則類似于post，即在瀏覽器地址欄中不顯示參數。
所以以上帶面做下面這樣的修改就可以獲取數據：
methods:{
toArticle:function(index) {
this.$router.push({name:'article',params:this.blogList[index]});
}
}
以上這篇vue router 傳參獲取不到的解決方式就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
