鍍金池/ 問答/HTML/ 請問在vue組件里應(yīng)該如何獲取localstorage 里的數(shù)據(jù)

請問在vue組件里應(yīng)該如何獲取localstorage 里的數(shù)據(jù)

vue組件里如何獲取localstorge里的值,并轉(zhuǎn)化成json對象保存在data里……

回答
編輯回答
不歸路

localStorage是 window 上的對象,相當(dāng)于保留字(當(dāng)然你也可以改寫或者擴展),并不耦合于任何框架。如果你調(diào)用不了,可能是被改寫(這么變態(tài)嗎),當(dāng)然如果是用 ts,那就要相應(yīng)的類型斷言了。

2017年8月31日 10:41
編輯回答
愿如初

JS中通過window.localStorage對象可以直接使用

//獲取localStorage中的值
var obj = window.localStorage.getItem("item")
//轉(zhuǎn)化為json對象
var obj = JSON.parse(obj)

//將對象保存到localStorage中
var obj = JSON.stringify(someObj);
window.localStorage.setItem('item',obj);

2018年7月5日 00:38
編輯回答
傻叼

之前回答過類似問題:vue 登錄存localStorage的方法,希望對你有所幫助。
補充下localStorage 知識點:
JS對象
讀取形式:
localStorage.name
添加/修改
localStorage.name = "xuanyuan"
其中"xuanyuan"只能是字符串形式(目前為止只支持字符串)。所以存儲時是JSON對象時需要執(zhí)行下JSON.stringify,所以獲取時需要執(zhí)行下JSON.parse
刪除
detele localStorage.name

API
獲取鍵值對數(shù)量
localStorage.length
讀取
localStorage.getItem('name'), localStorage.key(i)
添加/修改
localStorage.setItem('name','xuanyuan')
刪除對應(yīng)鍵值
localStorage.removeItem('name')
刪除所有數(shù)據(jù)
localStorage.clear()

順便說下,localStorage有效期是永久的。一般的瀏覽器能存儲的是5MB左右。sessionStorage api與localStorage相同。
sessionStorage默認的有效期是瀏覽器的會話時間(也就是說標(biāo)簽頁關(guān)閉后就消失了)。
localStorage作用域是協(xié)議、主機名、端口。(理論上,不人為的刪除,一直存在設(shè)備中)
sessionStorage作用域是窗口、協(xié)議、主機名、端口。

2017年6月22日 03:10
編輯回答
維她命

原來怎么獲取就怎么獲取。和vue有什么關(guān)系嘛。。。。

2018年5月15日 03:58
編輯回答
做不到

直接使用:獲?。簂ocalStorage.getItem("name") 設(shè)置:localStorage.setItem("name","xiaoya") 刪除:localStorage.removeItem("name")

2017年3月26日 04:06