uni-app——storage的使用(Storage、StorageSync)
2023-04-18 14:27:13 时间
目录
一.uni.setStorage(OBJECT)
将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。
OBJECT 参数
参数名 | 说明 |
---|---|
key | 本地缓存中的指定的 key(必填) |
data | 需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象(必填) |
success | 接口调用成功的回调函数 |
fail | 接口调用失败的回调函数 |
complete | 接口调用结束的回调函数(调用成功、失败都会执行) |
//将数据存入storage
setInfo(){
uni.setStorage({ //存入Storage
key:'userInfo', //自己取个名字
data: { //存的数据可以是很多条
'uid': res.data.uid,
'uname':res.data.uname,
'phone': res.data.phone
}
success() {
console.log('userInfo储存成功');
}
})
}
uni.getStorage()
//从Storage取数据
getInfo(){
uni.getStorage({
key:'userInfo',
success(res) {
console.log('获取成功',res.data);
}
})
}
uni.removeStorage()
//清除Storage
removeInfo(){
uni.removeStorage({ //删除Storage
key:'userInfo',
success() {
console.log('删除成功');
}
})
},
二. uni.setStorageSync(KEY,DATA)
将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。
参数说明
参数 | 说明 |
---|---|
key | 本地缓存中的指定的 key |
data | 需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象 |
//存
uni.setStorageSync('storage_key', 'hello');
uni.getStorageSync()
//从本地缓存中同步获取指定 key 对应的内容
const value = uni.getStorageSync('storage_key');
console.log(value);
uni.removeStorageSync()
//从本地缓存中同步移除指定 key
uni.removeStorageSync('storage_key');
注意
1.各个小程序端为其自带的storage api,数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。
2.微信小程序单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。
参考
Vue3官方文档
尚硅谷Vue3视频
相关文章
- 直接在代码里面对list集合进行分页
- .NET Framework 4.5新特性详解
- 大数据的简要介绍
- 大数据的由来
- 高斯混合模型的自然梯度变量推理
- timing-wheel 仿Kafka实现的时间轮算法
- 使用Navicat软件连接自建数据库(Linux系统)
- 那一天,我被Redis主从架构支配的恐惧
- Redis 深入了解键的过期时间
- C#使用委托调用实现用户端等待闪屏
- 基于流计算 Oceanus 和 Elasticsearch Service 构建百亿级实时监控系统
- GRAND | 转录调控网络预测数据库
- JFreeChart API中文文档
- 临床相关突变查询数据库
- TIGER | 人类胰岛基因变化查询数据库
- 视频边缘计算网关EasyNVR在视频整体监控解决方案中的应用分析
- Apache Arrow - 大数据在数据湖后的下一个风向标
- 常见的电商数据指标体系
- AKShare-艺人数据-艺人流量价值
- MySQL中多表联合查询与子查询的这些区别,你可能不知道!