Js 浏览器缓存函数封装 storage

 

import { ElMessage } from "element-plus";
export const LStorage = {
  set(key, value) {
    localStorage.setItem(key, JSON.stringify(value));
  },
  get(key) {
    return JSON.parse(localStorage.getItem(key));
  },
  remove(key) {
    localStorage.removeItem(key);
  },
  clear() {
    localStorage.clear();
  },
};
export const setInite = () => {
  LStorage.set("isLogin", false);
};
/**是否为管理员状态 */
export const getAdmin = () => (LStorage.get("isAdmin") == "Y" ? true : false);
/**是否为登录状态 */
export const getLogin = () => LStorage.get("isLogin");
/**获取用户名 */
export const getName = () => LStorage.get("userName");
/**获取token */
export const getToken = () => LStorage.get("token");
/**登录成功 进行初步设置 */
export const setLogin = (data) => {
  LStorage.set("userName", data.username);
  LStorage.set("token", data.token);
  LStorage.set("userId", data.userId);
  LStorage.set("isLogin", true);
  ElMessage({
    message: "login success",
    type: "success",
  });
};
export const setLogout = () => {
  LStorage.remove("userName");
  LStorage.remove("token");
  LStorage.remove("userId");
  LStorage.set("isLogin", false);
  ElMessage({
    message: "out success",
    type: "success",
  });
};

你可能感兴趣的:(JavaScript工具,javascript,缓存,前端)