本地缓存封装
uniapp 项目中封装 uni.setStorageSync()
、 uni.getStorageSync()
、 uni.removeStorageSync()
、 uni.clearStorageSync()
方法。在项目根目录项新建 utils 文件夹;再新建一个 store.js 文件;再编写如下代码:
module.exports = {
// 设置值
setItem(key, value, module_name) {
if (module_name) { // 处理对象
let module_name_info = this.getItem(module_name);
module_name_info[key] = value;
uni.setStorageSync(module_name,module_name_info)
} else {
uni.setStorageSync(key, value);
}
},
// 获取值
getItem(key,module_name){
if(module_name){
let val = this.getItem(module_name);
if(val) return val[key];
return '';
}else{
return uni.getStorageSync(key);
}
},
// 删除值
clear(key){
// 三目运算;有key值时,删除storage中键名为key的缓存。没有key值时,删除storage中的所有值。
key?uni.removeStorageSync(key):uni.clearStorageSync();
},
}
简单说明
形参 | 类型 | 说明 |
---|---|---|
key | String | 存放在local Storage中的键 |
value | - | 存放在local Storage中的值 |
module_name | Object | 复杂多数据的对象 |
有疑惑的小伙伴,可能是我表达不清楚,可以留言讨论,如有错误,也希望大家不吝指出。