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);
		}
	})
}
相关推荐
Liu.7742 小时前
vue3使用vue3-print-nb打印
前端·javascript·vue.js
dly_blog3 小时前
Vue 逻辑复用的多种方案对比!
前端·javascript·vue.js
wyzqhhhh4 小时前
京东啊啊啊啊啊
开发语言·前端·javascript
想学后端的前端工程师4 小时前
【Java集合框架深度解析:从入门到精通-后端技术栈】
前端·javascript·vue.js
GISer_Jing4 小时前
Nano Banana:AI图像生成与编辑新标杆
前端·javascript·人工智能
csdn_aspnet5 小时前
用100行實現HTML5可存檔塗鴉版
javascript
布茹 ei ai5 小时前
城市天气查询系统 (City Weather Dashboard)
javascript·vue.js·html·css3·开源软件·天气预报
可爱又迷人的反派角色“yang”5 小时前
redis知识点总集
linux·运维·数据库·redis·缓存
BullSmall5 小时前
Redis 性能调优(二)
数据库·redis·缓存