关于localStorage储存多个数据

Posted 写手在作画

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于localStorage储存多个数据相关的知识,希望对你有一定的参考价值。

localStorage:

是一种你不主动清除它,它会一直将存储数据存储在客户端的存储方式,即使关闭了客户端(浏览器),属于本地持久层储存

sessionStorage:

用于本地存储一个会话(session)中的数据,一旦会话关闭,那么数据会消失,比如刷新。

 

 


 

localStorage只能存字符串,如果需要存对象,首先要转化为字符串 利用JSON.stringify() ( 存单个就不用考虑这些了 )

 

setItem 存

let rowVal = {
        bCode: row.gymnasium.code,
        bName: row.gymnasium.name,
        bAddress: row.gymnasium.address,
        bCoachName: row.coach.name,
        bCozchNickName: row.coach.nickname,
        bIphone: row.coach.phoneNumber
};
localStorage.setItem("rowVal", JSON.stringify(rowVal));

 

然后取出rowVal对象用JSON.parse() 再把字符串转为对象( 然后用哪个 "." 哪个就行了 )

getItem 取

computed: {
    rowVal() {
      const rowVal = JSON.parse(localStorage.getItem("rowVal"));
      return rowVal;
    }
 }

 

 

以上是关于关于localStorage储存多个数据的主要内容,如果未能解决你的问题,请参考以下文章

localStorage储存数据和处理数据

浏览器支持的Localstorage最大支持多大,数据是储存在哪里

h5-localStorage储存的使用

localStorage 储存与读取

本地储存(localStorage)记录

vue学习如何引入js,封装操作localStorage本地储存的方法