vue中使用localStorage儲存陣列

2021-09-12 12:16:41 字數 526 閱讀 8847

這是碰到的問題是在同一key值的情況下儲存不同的陣列,第一次接觸這個問題,腦子不會轉彎,剛開始寫的是直接使用key值儲存,結果發現儲存第二個陣列時,第二個陣列的內容會把第乙個陣列覆蓋,然後使用二維陣列,但是不是很會用,結果資料一團糟,還是不對,問過大佬之後,得到說,後端的key值不會變,但是可以在前端使用時自己加宣告,以區別兩個陣列的key值,

var a1= key + 「a」

var a2= key + 「b」

這樣,在使用localstorage時,

localstorage.setitem(a1,json.stringify(arr1)),a1為keya

localstorage.setitem(a2,json.stringify(arr2)),a2為keyb

只在localstorage中這樣儲存,後端資料無影響

localstorage刪除資料時,刪除元素一般使用localstorage.removeitem(「key」)

使用localstorage.clear()時會清除所有資料,所以不能輕易使用

Vue之在vue中使用render

使用components進行渲染得到 建立 vue 例項,得到 viewmodel var vm newvue methods components script body html 使用render 這裡 return 的結果,會 替換頁面中 el 指定的那個 容器 建立 vue 例項,得到 vi...

Vue 如何在Vue中使用樣式

使用class樣式 1.陣列 第一種使用方式,直接傳遞乙個陣列,注意 這裡的class需要使用 v bind做資料繫結 2.陣列中使用三元表示式 3.陣列中巢狀物件 4.直接使用物件 不用陣列包裹 既然是乙個物件,那我們也可以直接在data身上寫進行儲存 內聯樣式 1.直接在元素上通過v bind ...

vue中使用加密 解密

首先引入cdn src script 在webpack.base.conf.js配置 externals 在src目錄下,建立crypto資料夾,新建index.js檔案,寫入加密 export default return encrypted.tostring 解密 get word,keystr...