当前位置:网站首页>localstorage本地存储的方法
localstorage本地存储的方法
2022-08-04 17:44:00 【哈希嘻哈】
通常我们把用户信息存储到仓库中时,刷新后信息会丢失。一般还会再存储到本地。
方法如下:
其中Profile是用户信息类型注解
import {
Profile} from '@/types/user'
const key = 'my_key'
// 存储用户信息
export const setUserInfo = (userInfo: Profile) => {
localStorage.setItem(key, JSON.stringify(userInfo))
}
// 获取用户信息
export const getUserInfo = () => {
return JSON.parse(localStorage.getItem(key) || '{}')
}
// 移除用户信息
export const removeUserInfo = () => {
localStorage.removeItem(key)
}
边栏推荐
- el-date-picker 设置时间范围
- Digital-intelligent supply chain management system for chemical manufacturing industry: build a smart supply system and empower enterprises to improve production efficiency
- shell函数内如何调用另一个函数
- Thrift IDL示例文件
- LeetCode 899. Ordered Queues
- CF86D Powerful array
- 树莓派利用autofs自动挂载/卸载外部硬盘
- leetcode 13. 罗马数字转整数
- 两个对象相同数据赋值
- OpenInfra Days China 2022 | SelectDB to share with you the Apache Doris in Internet advertising business practices
猜你喜欢
随机推荐
《机器学习的随机矩阵方法》
小程序笔记3
How to recruit programmers
Thrift安装配置
R语言glm函数使用频数数据构建二分类logistic回归模型,分析的输入数据为频数数据(多个分类指标对应的阴性样本和阳性样本的频数数据)、weights参数指定频数值
【web自动化测试】Playwright快速入门,5分钟上手
框架整合(二)- 使用Apache ShardingSphere实现数据分片
Catering Supply Chain Management System
荣耀发布开发者服务平台,智慧生态合作提速
JWT主动校验Token是否过期
面试官:可以谈谈乐观锁和悲观锁吗
【技术笔记】树莓派4B开机流程整理(无显示器安装)
88.(cesium之家)cesium聚合图
离散化求前缀和
Codeforces积分系统介绍
动态数组底层是如何实现的
Liunx删除乱码文件
The use of QCompleter for Qt auto-completion
LeetCode 899. 有序队列
mmdetection/mmdetection3d多机多卡训练









