uni-app的数据缓存

发布时间:2024年01月17日

数据缓存uni.setStorage

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

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

在这里插入图片描述

存储数据

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

在这里插入图片描述

读取数据

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

在这里插入图片描述

删除数据

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

在这里插入图片描述

获取数据信息

setStorage(){
	uni.getStorageInfo({
		success:function(res){
			//获取当前storage中的所有key
			console.log(res.keys)
			//获取当前占用空间的大小 KB 单位
			console.log(res.currentSize);
			//限制的空间大小 KB
			console.log(res.limitSize);
		}
	})
}

在这里插入图片描述

文章来源:https://blog.csdn.net/2302_78070106/article/details/135657746
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。