vue之浏览器存储方法封装实例
程序员文章站
2022-03-31 22:22:00
...
下面我就为大家分享一篇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之浏览器存储方法封装实例的详细内容,更多请关注其它相关文章!
上一篇: ThinkPHP的分组配置+Apache Alias的有关问题
下一篇: html基本例程详细介绍
推荐阅读
-
从零开始搭建前后端分离的NetCore2.2(EF Core CodeFirst+Autofac)+Vue的项目框架之十数据库基础方法的封装
-
vue 组件的封装之基于axios的ajax请求方法
-
vue之浏览器存储方法封装实例
-
Vue.js实例方法之生命周期详解
-
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
-
详解vue填坑之解决部分浏览器不支持pushState方法
-
Vue学习之axios的使用方法实例分析
-
从零开始搭建前后端分离的NetCore2.2(EF Core CodeFirst+Autofac)+Vue的项目框架之十数据库基础方法的封装
-
vue 组件的封装之基于axios的ajax请求方法
-
Vue.js实例方法之生命周期详解