uni-app的数据缓存

数据缓存uni.setStorage

将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。

参数名 类型 必填 说明
key String 本地缓存中的指定的 key
data Any 需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)
vue 复制代码
		<view>
			<button @click="setStorage">存储数据</button>
		</view>
js 复制代码
setStorage(){
	uni.setStorageSync("storageKey","hello");
	console.log("-------------",uni.getStorageSync("storageKey"));
	uni.removeStorageSync("storageKey")
	uni.clearStorageSync()
}

存储数据

js 复制代码
setStorage(){
	uni.setStorage({
		key:'storageKey',
		data:'hello',
		success:function(){
			console.log("存储成功");
		}
	});
}

读取数据

js 复制代码
setStorage(){
	uni.getStorage({
		key:'storageKey',
		data: 'hello',
		success:function(res){
			console.log("读取成功",res.data);
		}
	});
}

删除数据

js 复制代码
setStorage(){
	uni.removeStorage({
		key:'storageKey',
		success:function(){
			console.log("删除成功");
		}
	});
}

获取数据信息

js 复制代码
setStorage(){
	uni.getStorageInfo({
		success:function(res){
			//获取当前storage中的所有key
			console.log(res.keys)
			//获取当前占用空间的大小 KB 单位
			console.log(res.currentSize);
			//限制的空间大小 KB
			console.log(res.limitSize);
		}
	})
}
相关推荐
冰天糖葫芦1 分钟前
VUE实现数字翻牌效果
前端·javascript·vue.js
Brilliant Nemo4 分钟前
集成CommitLInt+ESLint+Prettier+StyleLint+LintStaged
javascript
嘉琪0016 分钟前
2025 js——面试题(7)——ajax相关
开发语言·javascript·ajax
liu_yueyang13 分钟前
JavaScript VMP (Virtual Machine Protection) 分析与调试
开发语言·javascript·ecmascript
sqyaa.44 分钟前
Guava LoadingCache
jvm·缓存·guava
小阿技术1 小时前
uniapp制作一个个人页面
uni-app
小阿技术1 小时前
uniapp制作一个视频播放页面
uni-app
huihuihuanhuan.xin1 小时前
前端八股-promise
前端·javascript
西瓜_号码1 小时前
React中Redux基础和路由介绍
javascript·react.js·ecmascript
A了LONE2 小时前
h5的底部导航栏模板
java·前端·javascript