uniapp中的数据缓存

本文介绍了uniapp中如何进行数据的本地化操作,包括存储、获取、删除和清空缓存的方法。详细讲解了同步和异步的存储及获取数据的代码示例,并在用户退出登录时如何清除缓存。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本地缓存功能是html5的新特性,uniapp中同样提供了数据的本地化操作,其中包括存储、获取、删除、清空等四个方面。

首先数据缓存的存储方式共有两种,一种同步,一种异步,以下代码中是同步与异步写法:

// 异步写法
uni.setStorage({
	key: 'token',
	data: 'xxxxxxxxxxxxxxxxxxxxxxx',
	success: function () {
		console.log('success');
	}
});

// 同步写法
uni.setStorageSync('token', 'xxxxxxxxxxxxxxxxxxxxxxx');

存储之后,我们想要获取本地缓存中数据时,需要用到storage的get操作,同样是同步与异步两种写法:

// 异步写法
uni.getStorage({
	key: 'token',
	success: function (res) {
		console.log(res.data); // 本地存储的value值
	}
});

// 同步写法
const token = uni.getStorageSync('token');
// 如果存储的是token,可以在获取之后判断用户是否登录
if(!token) return uni.navigateTo({ url: '/pages/login/login' });

项目中,如果有退出登录功能时,我们需要在用户点击按钮后,进行删除本地缓存的操作,在这里可以选择使用删除单一缓存,

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BUG生产者之一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值