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字符串存储。读取时再反序列化回来。

相关推荐
小徐_23334 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
宸翰1 天前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
时光足迹2 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹2 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹2 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹2 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
spmcor4 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue995 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app