鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ 在vue中,數(shù)據(jù)存放到localstroage中,現(xiàn)在要用存到localstro

在vue中,數(shù)據(jù)存放到localstroage中,現(xiàn)在要用存到localstroage中的數(shù)據(jù)。如何取出

我現(xiàn)在要用到存放到localstroage中的數(shù)據(jù),localstroage中的格式是一個json,我現(xiàn)在要用存到localstroage中的name,請問該怎么取呢?在線等

回答
編輯回答
奧特蛋

如一樓所說,首先無論是什么樣的類型數(shù)據(jù),存儲在localStroage中的時候都是以key,value的形式進行存儲的,value存儲為字符串類型,取出的時候是以key來進行取出,比如:

const userInfo = {
    age:22,
    name:'xxx'
}

存儲:localStroage.setItem('user',JSON.stringify(userInfo))
取出:JSON.parse(localstroage.getItem('user'));
2017年9月29日 13:07
編輯回答
墨小白

存到localstroage中的數(shù)據(jù)都會轉(zhuǎn)成字符串,取得時候也是字符串,字符串轉(zhuǎn)一下json就可以了

2018年8月31日 17:52
編輯回答
尋仙

跟vue沒啥關(guān)系。
你需要的是百度搜索“localStorage的使用”,點擊回車,搜索就可以了,什么解釋都有。
然后,樓上說的都沒有問題。
我想說的是,遇到問題,先想著自己解決,解決不了了上百度,一般都可以百度到。
像sf這種,我覺得,你有在編輯器編輯這個問題的時間,百度搜索一下已經(jīng)解決了。
如果解決不了,再來sf問,豈不是更好。

2017年7月19日 06:17
編輯回答
寫榮

這類是問谷歌百度,看文檔能解決的問題。多查查MDN。MDN LocalStorage,
之前回答過類似問題,
在segmentfault回答了這個《vue 登錄存localStorage的方法》問題。
鏈接:https://segmentfault.com/q/10...。

使用localStorage的JS對象形式有時候更靈活。

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默認的有效期是瀏覽器的會話時間(也就是說標簽頁關(guān)閉后就消失了)。
localStorage作用域是協(xié)議、主機名、端口。(理論上,不人為的刪除,一直存在設(shè)備中)
sessionStorage作用域是窗口、協(xié)議、主機名、端口。

2017年3月23日 14:59
編輯回答
雅痞
var a = {
    name: "silence",
    age: "18"
}
localstroage.setItem('info', JSON.stringify(a)); // 存
var name = JSON.parse(localstroage.getItem('info')).name; // 取
2017年7月23日 22:21