封装localStorage、sessionStorage设置,获取,移除方法


/**
 * 本地localStorage、sessionStorage的设置、获取、移除
 * @method storage
 * @param isSession 是否是sessionStorage,默认为localStorage
 * @return { set(key: String, value: Any): void , get(key: String): obj , clear(key: String): void }
 */
export const storage = function (isSession = false) {
  const target = isSession ? sessionStorage : localStorage;
  return {
    set (key, value) {
      target.setItem(key, escape(JSON.stringify(value)));
    },
    get (key) {
      return JSON.parse(unescape(target.getItem(key)));
    },
    clear (key) {
      target.clear(key);
    }
  };
};

session调用:

const session = storage(true);

session.set(“文件名”,"内容“)

session.get(“文件名”)

session.clear(“文件名”);

local调用:

const local= storage();

local.set(“文件名”,"内容“)

local.get(“文件名”)

local.clear(“文件名”);

 

用起来还是很方便的,另推荐使用数据管理持久化插件vuex-persist 数据状态统一管理 省去很多不必要的的操作

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM