uniapp本地存储的几种方式

news/2025/1/3 4:22:56/

在UniApp中,你可以使用本地存储来保存和获取数据,以便在应用的不同页面之间共享数据或在应用关闭后仍然保存数据。UniApp提供了两种主要的本地存储方式:uni.setStorageuni.getStorage,以及 uni.removeStorage 用于删除数据。这些方法使用异步方式进行操作。

以下是如何在UniApp中使用本地存储的示例:

1、存储数据

使用 uni.setStorage 方法将数据存储到本地存储中。例如,将一个字符串存储到本地存储中:

uni.setStorage({key: 'userInfo',data: 'John Doe',success: function () {console.log('数据存储成功');}
});

这将把名为userInfo的键和值John Doe存储到本地存储中。

2、获取数据

使用 uni.getStorage 方法来获取存储在本地的数据:

uni.getStorage({key: 'userInfo',success: function (res) {console.log('获取的数据为: ' + res.data);}
});

这将从本地存储中获取名为userInfo的数据,并在success回调函数中将其打印出来。

3、删除数据

使用 uni.removeStorage 方法可以删除本地存储中的数据:

uni.removeStorage({key: 'userInfo',success: function (res) {console.log('数据已成功删除');}
});

 这将删除名为userInfo的键和与之关联的数据。

4、异步操作和回调函数

请注意,本地存储的操作是异步的,因此你需要在 success 回调函数中处理数据的存储、获取和删除。这可以确保在数据可用时执行相应的操作

5、限制和注意事项

  • 本地存储的数据容量有限,因此不适合存储大量数据。
  • 存储的数据通常是以字符串形式存储的,如果需要存储对象或数组,需要在存储前进行序列化(如JSON.stringify),在获取后进行反序列化(如JSON.parse)。

这些方法使你能够方便地在UniApp中进行本地数据的存储和获取,以便在应用的不同部分之间共享和管理数据。


http://www.ppmy.cn/news/1207582.html

相关文章

Brain Teaser概率类 - 三局两胜制

问题 三局两胜制比赛,两局结束还是三局结束的概率大? 解答 假设每局比赛的结果是独立同分布的,且遵循伯努利分布,其中一方的胜率为p,另一方为1-p. 则两局结束的概率是 p 2 ( 1 − p ) 2 ≥ 0.5 p^2 (1-p)^2 \geq …

若依分离版——使用Knife4j 自动生成接口文档

背景: 前后端分离程序,如果需要前端开发人员和后端开发人员配合开发,则需要将接口文档并显性给前端人员 解决办法: 使用knife4j替代若依自带的swagger,因为knife4j是在swagger基础上包装的,Knife4j不仅具…

剖析WPF模板机制的内部实现

剖析WPF模板机制的内部实现 众所周知,在WPF框架中,Visual类是可以提供渲染(render)支持的最顶层的类,所有可视化元素(包括UIElement、FrameworkElment、Control等)都直接或间接继承自Visual类。…

CentOS 7 安装 Redis 5 (单机 6379)

CentOS 7 安装 Redis 5 (单机 6379) 自己准备好 Redis 5 的安装包并上传至 /opt/ 下的 redis 文件夹下: cd /opt mkdir redis cd redis准备好 Redis 所需的编译环境: yum -y install gcc yum -y install gcc-c解压上传的 Redis…

2022ICPC济南站

K Stack Sort 题意:给你一个长度为n的排列,设有m个栈,你需要将这n个数按出现顺序入栈,每次入栈操作从m个栈中选择一个栈从栈顶入栈。当所有元素入栈完成后,需要不断选择栈,将栈中元素弹空。需满足出栈顺序…

公众号标签

公众号标签 本章节,讲解公众号标签的相关内容,支持对标签进行创建、查询、修改、删除等操作,也可以对用户进行打标签、取消标签等操作,对应 《微信公众号官方文档 —— 用户标签管理》 (opens new window)文档。 #1. 表结构 公众…

通信原理 | 网络相关知识总结

文章目录 网卡千兆网卡和万兆网卡以太网和无线局域网以太网无线局域网以太网和无线局域网的区别以太网中的协议有哪些以太网中协议的层次划分MAC地址计算机网络分层结构网卡 网卡(Network Interface Card,NIC)是实现计算机与网络之间数据传输的硬件设备。 网卡负责将计算机…

HTML+CSS、Vue+less+、HTML+less 组件封装实现二级菜单切换样式跑(含全部代码)

一、HTMLCSS二级菜单 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>Document</title><…