vue 刷新之后 嵌套路由不變 重新渲染頁面的方法

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

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

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

這是條件渲染變化了為false

在修改數據之后使用 $nextTick，

條件渲染變化了為true

則可以在回調中獲取更新后的 DOM

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

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

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

解決方法就是監聽瀏覽器的刷新事件

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

然后清除sessionstorage。

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

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