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

本文分享了如何在Vue应用中使用封装的setStore和getStore方法操作浏览器本地存储(localStorage)及会话存储(sessionStorage),并介绍了设置过期时间的功能。这对于管理和持久化数据非常实用。
摘要由CSDN通过智能技术生成

下面我就为大家分享一篇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

}

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值