在项目里,经常要用到本地存储,与其每次localStorage.setItem,JSON.stringify,不如直接this,将方法添加在vue原型上~
Vue.prototype.ls = {
//原型增添本地存储方法
set: function(name, obj) {
const isObj = Object.prototype.toString.call(obj) === "[object Object]";
//判断是不是对象
if (isObj) {
localStorage.setItem(name, JSON.stringify(obj));
} else {
localStorage.setItem(name, obj);
}
},
get: function(name) {
try {
return JSON.parse(localStorage.getItem(name));
} catch {
return localStorage.getItem(name);
}
},
clear(name) {
localStorage.removeItem(name);
},
};
直接将代码贴入main.js,就可以,或者在外部js创建,导入~
页面上使用
this.ls.set('user',{name:'111'})
this.ls.get('user')
this.ls.clear('user')