vue 中 sessionStorage儲存的用法

2021-10-07 11:45:42 字數 456 閱讀 4338

vue中由於頁面重新整理或跳轉會導致有些引數被清空,用sessionstorage儲存資料,會將資料儲存不會丟失。一般是在beforemount()掛載前取,beforeupdate()更新渲染時存:

取值:

beforemount() ,
存值:

beforeupdate()
【注】sessionstorage 儲存資料一般為物件,當儲存值為 true/false 時,會發現訪問都可以得到正確的值,但是頁面渲染的結果不對,這是因為儲存的型別為字串型別,而 true/false 為bool 型別, sessionstorage.getitem('signoutshow'); 取值的時候會得到帶引號的值,比如說"true" / "false" ,那麼這時候就需要用 json.parse 轉換一下型別就好了。

Vue 在Vue中快速使用ElementUI

最近使用vue,順道使用elementui,在vue專案中音容elementui的方法 idea開啟termianl,在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...

Vue中的 vue檔案的使用

需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多,導致路徑很長,我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...