這篇文章主要介紹“nuxt.js怎么監聽路由”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“nuxt.js怎么監聽路由”文章能幫助大家解決問題。
需求：在當前頁面點擊某個類目，更換路由參數
例如：從這個路由 /detail?targetId=2，更換成 /detail?targetId=3
這個時候，我第一想到的是 watch 監聽路由，但是由于是服務端渲染，第一次是拿不到 this 對象，老是報 this.$axios 不存在
所以這個時候，查到文檔中的 watchQuery
API: The watchQuery Property
watchQuery(newQuery, oldQuery) {
console.log(this)
let detail
if(this) {
detail = (this.$axios.get(——${detailUrl}${newQuery.targetId}——)).data
console.log("newQuery", newQuery, oldQuery, this)
}
return {
detail
}
},
這里有個大坑就是 detail 要返回出去
關于“nuxt.js怎么監聽路由”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
