当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue之浏览器存储方法封装实例

vue之浏览器存储方法封装实例

2018年04月01日  | 移动技术网IT编程  | 我要评论

如下所示：

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之浏览器存储方法封装实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网