vue專案中解決重新整理導致資料初始化問題

2021-10-10 05:28:04 字數 317 閱讀 5431

最近專案中遇到乙個重新整理有關的問題,主要是導航欄選單有兩個頁面組成,**我寫到乙個元件裡面了,但在裡面加了顯示哪乙個的if判斷。第乙個頁面是主要選單主標題,若選中其中乙個主選單,則其他頁面不顯示,直接進入該選中主選單的全部子選單。

出現的問題:在第二個頁面即子選單頁面時,重新整理一下頁面會回到第乙個頁面即主選單頁面,

我是採用了vuex狀態管理工具。具體怎麼用大家可以去看一下教程文件, 。在created方法裡新增window監聽監聽事件,在重新整理時儲存狀態資訊,並在渲染時對state資訊判斷,有值的話就讀取儲存的資料,具體**如下:

created() );

},

vue專案中keep alive快取下的初始化資料

vue專案中keep alive快取下的初始化資料 最近在寫專案過程中遇到一點小坎坷,頁面既要運用keep alive快取使用者輸入一半的資料,又要在切換頁面後初始化頁面中的一部分。既要馬兒跑又要馬兒不吃草。當時我感覺這是互相矛盾的事情,後來經過查閱資料了解到了activated這個函式,它類似於v...

頁面重新整理 重新整理vue頁面,解決資料丟失

解決方法一 最先想到的應該就是利用localstorage sessionstorage將資料儲存在外部,做乙個持久化儲存,下面是利用localstorage儲存的具體方案 方案一 由於state中的資料是響應式的,而資料又是通過mutation來進行修改,故在通過mutation修改state中資...

在vue專案中, mock資料

1.在根目錄下建立 test 目錄,用來存放模擬的 json 資料,在 test 目錄下建立模擬的資料 data.json 檔案 2.在build目錄下的 dev server.js的檔案作如下更改 3.在.vue做請求,就可以成功獲取data.json的資料了,下面使用 axios 進行請求axi...