当前位置:网站首页>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)
}
边栏推荐
- pyhon爬虫之爬取图片(亲测可用)
- JS中null与undefined的异同点
- 44. 通配符匹配 ●●● & HJ71 字符串通配符 ●●
- Kotlin挂起函数原理是什么
- Digital-intelligent supply chain management system for chemical manufacturing industry: build a smart supply system and empower enterprises to improve production efficiency
- LeetCode 899. Ordered Queues
- (1), the sequential storage structure of linear table chain storage structure
- 《机器学习理论到应用》电子书免费下载
- 怎么面试程序员的?傲慢与无礼,就数他牛逼
- 离散化求前缀和
猜你喜欢
随机推荐
正则过滤字符串中 script 标签
88.(cesium之家)cesium聚合图
自定义组件,并在组件中注入自定义组件实现多种场景的下的组件切换
SQL优化最全总结 - MySQL(2022最新版)
开发一套高容错分布式系统
R语言时间序列数据算术运算:使用diff函数计算时间序列数据的逐次差分、使用时间序列之间的除法计算相对变化率(乘以100获得百分比)
企业调查相关性分析案例
从-99打造Sentinel高可用集群限流中间件
el-date-picker 设置时间范围
数字化金融企业的产品体系长啥样?
怎么招聘程序员
DSPE-PEG-DBCO,DBCO-PEG-DSPE,磷脂-聚乙二醇-二苯并环辛炔科研实验用
php如何查询字符串以什么开头
R语言计算时间序列数据的逐次差分(successive differences):使用diff函数计算时间序列数据的逐次差分值
离散化求前缀和
树莓派温度监视关机保护脚本
NLP未来,路在何方?从学术前沿和业界热点谈起
Qt自动补全之QCompleter使用
身为程序员的我们如何卷死别人?破局重生。
《中国综合算力指数》《中国算力白皮书》《中国存力白皮书》《中国运力白皮书》在首届算力大会上重磅发出









