uni-app的数据缓存-Toy模板网

这篇具有很好参考价值的文章主要介绍了uni-app的数据缓存。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

数据缓存uni.setStorage

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

参数名	类型	必填	说明
key	String	是	本地缓存中的指定的 key
data	Any	是	需要存储的内容，只支持原生类型、及能够通过 JSON.stringify 序列化的对象
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

		<view>
			<button @click="setStorage">存储数据</button>
		</view>

setStorage(){
	uni.setStorageSync("storageKey","hello");
	console.log("-------------",uni.getStorageSync("storageKey"));
	uni.removeStorageSync("storageKey")
	uni.clearStorageSync()
}

uni-app的数据缓存,uni-app,uni-app,缓存,javascript

存储数据

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

uni-app的数据缓存,uni-app,uni-app,缓存,javascript

读取数据

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

uni-app的数据缓存,uni-app,uni-app,缓存,javascript

删除数据

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

uni-app的数据缓存,uni-app,uni-app,缓存,javascript

获取数据信息

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