VUE 路由參數(shù)變化,頁面數(shù)據(jù)不刷新問題

出現(xiàn)這種情況是因為依賴路由的params參數(shù)獲取寫在created生命周期里面,因為相同路由二次甚至多次加載的關(guān)系 沒有達(dá)到監(jiān)聽,退出頁面再進入另一個文章頁面并不會運行created組件生命周期,導(dǎo)致文章數(shù)據(jù)還是第一次進入的數(shù)據(jù)。

解決方法:watch監(jiān)聽路由是否變化

watch: {

// 方法1

'$route'(to,from) {//監(jiān)聽路由是否變化

if(this.$route.params.articleId){// 判斷條件1? 判斷傳遞值的變化

//獲取文章數(shù)據(jù)

? ? }

? }

//方法2

'$route'(to,from) {

if(to.path =="/page") {///判斷條件2? 監(jiān)聽路由名 監(jiān)聽你從什么路由跳轉(zhuǎn)過來的

this.message =this.$route.query.msg

? ? }

? }?

}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容