Vue中使用sessionStorage保存用户数据
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。提示: 如果你想在浏览器窗口关闭后还保留数据,可以使用 localStorage 属性, 改数据对象没有过期时间,今天、下周、明年都能用,除非你手动去删除。使用步骤首先...
·
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
提示: 如果你想在浏览器窗口关闭后还保留数据,可以使用 localStorage 属性, 改数据对象没有过期时间,今天、下周、明年都能用,除非你手动去删除。
使用步骤
首先创建方法
const sessionStorage = window.sessionStorage;
export default {
getItem (key) {
try {
return JSON.parse(sessionStorage.getItem(key));
} catch (err) {
return null;
}
},
setItem (key, val) {
sessionStorage.setItem(key, JSON.stringify(val));
},
removeItem (key) {
sessionStorage.removeItem(key);
},
clear () {
sessionStorage.clear();
}
}
然后在js中引入
import { sessionStorage } from 'src/assets/js/storage';
调用方法
sessionStorage.setItem('XXXX', xxxx)
sessionStorage.getItem('XXXXX')
注意:调用时需要数字的话需要把字符串转一下
parseInt(sessionStorage.getItem('XXXX').toString())
更多推荐
已为社区贡献4条内容
所有评论(0)