vue之浏览器存储方法封装 vue之浏览器存储方法封装实例
echo008 人气:0想了解vue之浏览器存储方法封装实例的相关内容吗,echo008在本文为您仔细讲解vue之浏览器存储方法封装的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue,封装方法,下面大家一起来学习吧。
如下所示:
export function isObject (val) { return val !== null && typeof val === 'object' } export function setStore (key, val, type = 'localStorage') { if (isObject(val)) window[type].setItem(key, JSON.stringify(val)) else window[type].setItem(key, val) } export function getStore (key, type = 'localStorage') { var val = window[type].getItem(key) try { return JSON.parse(val) } catch (e) { return val } } export function setSessionStore (key, val) { setStore(key, val, 'sessionStorage') } export function getSessionStore (key) { return getStore(key) } // 默认30minute export function setExpireStore (key, val, ex = 1.8e6) { setStore(key, {v: val, t: Date.now() + ex}) } export function getExpireStore (key) { var obj = getStore(key) if (obj.t > Date.now()) return obj.v else return false } export default { isObject, setStore, getStore, setSessionStore, getSessionStore, setExpireStore, getExpireStore }
以上这篇vue之浏览器存储方法封装实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容