vue中使用sessionStorage
簡(jiǎn)介:
sessionStorage是將數(shù)據(jù)存儲(chǔ)在瀏覽器端迹卢,它和localStorage都可以在瀏覽器里存儲(chǔ) key/value 對(duì)的數(shù)據(jù)。
sessionStorage 用于臨時(shí)保存同一窗口(或標(biāo)簽頁(yè))的數(shù)據(jù),在關(guān)閉窗口或標(biāo)簽頁(yè)之后將會(huì)刪除這些數(shù)據(jù)欧聘。
(pass: 如果你想在瀏覽器窗口關(guān)閉后還保留數(shù)據(jù),可以使用 localStorage 屬性, 改數(shù)據(jù)對(duì)象沒(méi)有過(guò)期時(shí)間擦秽,今天、下周漩勤、明年都能用感挥,除非你手動(dòng)去刪除。)
sessionStorage方法
1.sessionStorage.key(int index) //返回當(dāng)前 sessionStorage 對(duì)象的第index序號(hào)的key名稱越败。若沒(méi)有返回null触幼。
2.sessionStorage.getItem(string key) //返回鍵名(key)對(duì)應(yīng)的值(value)。若沒(méi)有返回null究飞。
3.sessionStorage.setItem(string key, string value) //該方法接受一個(gè)鍵名(key)和值(value)作為參數(shù)置谦,將鍵值對(duì)添加到存儲(chǔ)中;如果鍵名存在噪猾,則更新其對(duì)應(yīng)的值霉祸。
4.sessionStorage.removeItem(string key) //將指定的鍵名(key)從 sessionStorage 對(duì)象中移除。
5.sessionStorage.clear() //清除 sessionStorage 對(duì)象所有的項(xiàng)袱蜡。
實(shí)戰(zhàn)丝蹭!存儲(chǔ)Json對(duì)象
1.將需要傳的參數(shù)放入Json.stringify()中轉(zhuǎn)為字符串,并通過(guò)sessionStorage.setItem(user坪蚁, val)存儲(chǔ)
sessionStorage.setItem('onnnnnuser', JSON.stringify(information))
2.可在控制臺(tái)Application中查看
3.在需求頁(yè)面通過(guò)調(diào)用sessionStorage.getItem('user')調(diào)用奔穿,并JSON.parse()轉(zhuǎn)對(duì)象
var userJsonStr = sessionStorage.getItem('onnnnnuser')
this.information = JSON.parse(userJsonStr)
完成!C粑睢<铩!