uni-app中本地存储和缓存

可以使用同步的方法uni.setStorageSyncuni.getStorageSyncuni.removeStorageSyncuni.clearStorageSync等方法来操作本地存储和缓存。

设置本地存储

uni.setStorageSync('key', 'value');

获取本地存储

let value = uni.getStorageSync('key');

删除本地存储

uni.removeStorageSync('key');

清除所有本地存储

uni.clearStorageSync();

异步方法uni.setStorageuni.getStorageuni.removeStorageuni.clearStorage,

设置本地存储

uni.setStorage({
	key: 'storage_key',
	data: 'hello',
	success: function () {
		console.log('success');
	}
});

获取本地存储

uni.getStorage({
	key: 'storage_key',
	success: function (res) {
		console.log(res.data);
	}
});

另外,这些方法只能存储字符串类型的数据。如果你需要存储其他类型的数据,可以考虑将它们转换为JSON字符串存储。读取时再反序列化回来。

相关推荐
她似晚风般温柔7891 小时前
Uniapp + Vue3 + Vite +Uview + Pinia 分商家实现购物车功能(最新附源码保姆级)
开发语言·javascript·uni-app
Jiaberrr2 小时前
前端实战:使用JS和Canvas实现运算图形验证码(uniapp、微信小程序同样可用)
前端·javascript·vue.js·微信小程序·uni-app
工业互联网专业4 小时前
毕业设计选题:基于springboot+vue+uniapp的驾校报名小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
芊言芊语7 小时前
分布式缓存服务Redis版解析与配置方式
redis·分布式·缓存
攻城狮的梦8 小时前
redis集群模式连接
数据库·redis·缓存
&白帝&11 小时前
uniapp中使用picker-view选择时间
前端·uni-app
无休居士12 小时前
【实践】应用访问Redis突然超时怎么处理?
数据库·redis·缓存
.Net Core 爱好者12 小时前
Redis实践之缓存:设置缓存过期策略
java·redis·缓存·c#·.net
M-bao12 小时前
缓存数据和数据库数据一致性问题
数据库·缓存
fakaifa12 小时前
八戒农场小程序V2最新源码
小程序·uni-app·php·生活·开源软件