解決嵌套路由刷新時,路由沒有變化,正常情況下頁面是不會重新渲染的
1、在-view中加上條件渲染 v-if 默認為true。讓它顯示出來
2、寫寫一個方法vue 路徑跳轉頁面沒變,在頁面刷新只有,點擊某個查詢條件的時候調用這個重載的方法
這是條件渲染變化了為false
在修改數據之后使用 $,
條件渲染變化了為true
則可以在回調中獲取更新后的 DOM
如果需要帶有查詢參數,可以用編程試導航,query來傳參,但是這種方式可能刷新之后會有問題。
我的解決方法是在刷新之后點擊頁面中的某個條件的時候,將參數存在里面,這個時候執行方法來重新加載路由。這樣無論路由變美變化頁面都會重新加載,再次加載數據。。
這樣還會有一個問題,就在在頁面刷新的時候,查詢條件會重置,這樣存在里面的值也要清空。
解決方法就是監聽瀏覽器的刷新事件
window.onbeforeunload = function(event) {sessionStorage.removeItem('querydataObj') };
然后清除。
以上這篇vue 刷新之后 嵌套路由不變 重新渲染頁面的方法就是小編分享給大家的全部內容了,希望能給大家一個參考vue 路徑跳轉頁面沒變,也希望大家多多支持我們。