当前位置: 首页 > news >正文

vue开发时,用localStorage常用方法及存储数组方法。

localStorage 可以让你在浏览器中存储键值对,并且在页面关闭后数据依然保留。localStorage 中存储的数据会一直保存在客户端,直到被手动删除或者清除浏览器缓存。
localStorage 中存储的数据在同一浏览器的不同窗口之间是共享的,而 sessionStorage 中存储的数据只在当前会话(session)中有效,不同窗口之间不共享数据。

localStorage 的常用方法:
localStorage.setItem(key, value): 将数据存储到 localStorage 中,以指定的键名(key)和键值(value)保存数据。
localStorage.getItem(key): 根据键名(key)从 localStorage 中获取数据,并返回对应的键值(value)。
localStorage.removeItem(key): 根据键名(key)从 localStorage 中移除对应的数据。
localStorage.clear(): 清空 localStorage 中的所有数据。

vue开发时,用localStorage存储数组方法,包括数组定义、把数组转为字符串存储、读取localStorage转数组。localStorage存储数组需要把数组转为字符串,及从localStorage读取数据后,由字符串转回数组。

1.数组定义
let arrary = ['value1','value2','value3']

2.存储数组,把数组转为字符串存储
let temp=JSON.stringify(arrary )
localStorage.setItem('myStorage', temp)

3.读取localStorage
let temp=localStorage.getItem('myStorage')
arrary = JSON.parse(temp)

http://www.dtcms.com/a/15918.html

相关文章:

  • 时尚搭配助手,深度解析用Keras构建智能穿搭推荐系统
  • FFmpeg+SDL实现简易视频播放器
  • maven-antrun-plugin插件的用法
  • 本地大模型编程实战(15)初探智能体Agent(2)
  • 基于 Python Pendulum 的日期时间处理
  • html css js网页制作成品——HTML+CSS+js情人节网页设计(5页)附源码
  • HTTP请求X-Forwarded-For注入
  • k8s优雅操作pod容器组
  • 独立C++ asio库实现的UDP Server
  • 【模板】并查集
  • 【ClickHouse】Ubuntu下离线安装ClickHouse数据库并使用DBeaver连接
  • 深入了解常见MCU架构:ARM、AVR与其他嵌入式系统
  • Microsoft Edge浏览器介绍
  • 51单片机独立按键的扩展应用
  • npm版本号标记
  • IIS部署netcore程序后,出现500.30错误解决方案之一
  • 红黑树(set,map)算法题
  • 简易 Shell 实现指南
  • 第二章:14.1 倾斜数据集的误差指标
  • 性格测评小程序04题库管理
  • 动态规划算法
  • 探索ELK 的魅力
  • 原型模式详解(Java)
  • Nginx location 和 proxy_pass 配置详解
  • [Python 数据科学] Python 的良好编程规范与 logging 的使用
  • 如何下载AndroidStudio的依赖的 jar,arr文件到本地
  • 网络通信的基石:深入理解 TCP/IP 协议栈与 TCP/UDP 协议
  • Linux命令 ----操作命令
  • 2.14寒假
  • Baklib知识中台构建企业智能运营核心架构