本地缓存封装

uniapp 项目中封装 uni.setStorageSync()uni.getStorageSync()uni.removeStorageSync() uni.clearStorageSync() 方法。在项目根目录项新建 utils 文件夹;再新建一个 store.js 文件;再编写如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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 复杂多数据的对象