封裝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