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);
		}
	})
}
相关推荐
山有木兮木有枝_6 分钟前
JavaScript 设计模式--单例模式
前端·javascript·代码规范
颜渊呐25 分钟前
uniapp中APPwebview与网页的双向通信
前端·uni-app
10年前端老司机37 分钟前
React 受控组件和非受控组件区别和使用场景
前端·javascript·react.js
夏晚星38 分钟前
vue实现微信聊天emoji表情
前端·javascript
極光未晚40 分钟前
TypeScript在前端项目中的那些事儿:不止于类型的守护者
前端·javascript·typescript
Rrvive42 分钟前
原型与原型链到底是什么?
javascript
極光未晚1 小时前
JavaScript BOM 对象:浏览器的隐形控制塔
前端·javascript·源码
天涯学馆1 小时前
网站秒变 App!手把手教你搞定 PWA
前端·javascript·面试
用户9272472502192 小时前
PHP + CSS + JS 数据采集与展示系统
javascript
小样还想跑2 小时前
axios无感刷新token
前端·javascript·vue.js