Uni-app数据缓存

基本操作

添加数据

setInfo(){
	uni.setStorage({
		key:"name",//添加键名
		data:"张三",//数据值
		success() {//成功时回调
			console.log("success")
		}
	})
}

删除数据

removeAge(){
	uni.removeStorage({//通过key（键值名）来删除对应数据
		key:"name",
		success() {
			console.log("remove")
		}
	})
},
ClearStorage(){
	uni.clearStorage();//清空所有数据

}

修改数据

setInfoAgain(){
	uni.setStorage({
		key:"name",//对应要修改的键名
		data:"李四",//修改的数据会覆盖之前键名对应的数据
		success(){
			console.log("success")
		}
	})
}

获取数据

getInfo(){
    uni.getStorage({//通过对应的键名来获取对应data
		key:"name",
		success(res){
			console.log(res)
		}
	})
}

代码

<template>
	<view>
	<view class="demo" @click="setInfo">添加</view>
	<view class="demo" @click="getInfo">获取</view>
     </view>
</template>
<script>
	export default {
		methods: {
			setInfo() {
				uni.setStorage({
					key: "name", //添加键名
					data: "张三", //数据值
					success() { //成功时回调
						console.log("success")
					}
				})
			},
			getInfo(){
			    uni.getStorage({//通过对应的键名来获取对应data
					key:"name",
					success(res){
						console.log(res)
					}
				})
			}
			
		}
	}
</script>
<style>
	.demo {
		width: 100px;
		margin: 50px auto;
		background: #8F8F90;
		height: 100px;
	}
</style>

效果图