解決嵌套路由刷新時，路由沒有變化，正常情況下頁面是不會重新渲染的

1、在router-view中加上條件渲染 v-if 默認為true。讓它顯示出來

2、寫寫一個reload方法，在頁面刷新只有，點擊某個查詢條件的時候調(diào)用這個重載的方法

這是條件渲染變化了為false

在修改數(shù)據(jù)之后使用 $nextTick，

條件渲染變化了為true

則可以在回調(diào)中獲取更新后的 DOM

如果需要帶有查詢參數(shù)，可以用編程試導(dǎo)航，query來傳參，但是這種方式可能刷新之后會有問題。

我的解決方法是在刷新之后點擊頁面中的某個條件的時候，將參數(shù)存在localstorage里面，這個時候執(zhí)行reload方法來重新加載路由。這樣無論路由變美變化頁面都會重新加載，再次加載數(shù)據(jù)。

這樣還會有一個問題，就在在頁面刷新的時候，查詢條件會重置，這樣存在localstorage里面的值也要清空。

解決方法就是監(jiān)聽瀏覽器的刷新事件

window.onbeforeunload = function(event) {
 sessionStorage.removeItem('querydataObj')
};

然后清除sessionstorage。

以上這篇vue 刷新之后 嵌套路由不變 重新渲染頁面的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com