当前位置：网站首页>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)
}