uniapp 数据存储、获取和删除（数据在缓存中，卸载会丢失）

以你之姓@ 2022-10-10 04:43 409阅读 0赞

最近项目中使用uni-app涉及到缓存的操作，特此记录便于日后查阅。

<template>
    	<view class="content">
    		<button type="primary" @click="setStorage">存储数据</button>
    		<button type="primary" @click="getStorage">获取数据</button>
    		<button type="primary" @click="delStorage">删除数据</button>
    	</view>
    </template>
     
    <script>
    	export default {
    		methods: {
    			setStorage() {
    				uni.setStorage({
    					key: 'name',
    					data: 'uniapp',
    					success() {
    						console.log('存储数据')
    					}
    				})
    			},
    			getStorage() {
    				uni.getStorage({
    					key: 'name',
    					success(res) {
    						console.log('获取成功', res.data)
    					}
    				})
    			},
    			delStorage() {
    				uni.removeStorage({
    					key: 'name',
    					success() {
    						console.log('删除成功')
    					}
    				})
    			}
    		}
    	}
    </script>
     
    <style>
    	.content {
    		display: flex;
    		flex-direction: column;
    		align-items: center;
    		justify-content: center;
    	}
    </style>

**注：如果是同步存储、获取、删除，可以使用setStorageSync()、getStorageSync、removeStorageSync()，达到的效果是一样的。**

发表评论取消回复

表情：

评论列表（有 0 条评论，409人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mysql中什么时候会出现数据丢失？怎样预防数据丢失

一、存储引擎层面丢失数据在这个过程中，如果服务器宕机，内存中数据将会丢失。重启服务器后，通过redo log日志recovery重做日志，保障了数据不会丢失。因此只

傷城~/ 2022年12月23日 06:47/ 0 赞/ 116 阅读

相关 Uniapp微信小程序存储/获取本地缓存数据@莫成尘

先看代码，您将看到以下效果，复制使用即可，以下代码均可复制粘贴使用。如您满意请给莫成尘点个Fabulous 如果同步存储不到接口数据可以尝试使用异步

「爱情、让人受尽委屈。」/ 2022年12月14日 13:52/ 0 赞/ 651 阅读

相关 mysql数据文件存储_在MySQL中存储用户提交的数据和文件

mysql数据文件存储建立表格 ( Creating a Form ) Sometimes it is useful to collect data from

朴灿烈づ我的快乐病毒、/ 2022年12月07日 12:09/ 0 赞/ 153 阅读

相关 uniapp 数据存储、获取和删除（数据在缓存中，卸载会丢失）

最近项目中使用uni-app涉及到缓存的操作，特此记录便于日后查阅。 <template> <view class="content">

以你之姓@/ 2022年10月10日 04:43/ 0 赞/ 410 阅读

相关在CentOS中卸载MySQL

1.登录数据库，show databases命令查看之前已经创建好的数据库 mysql> show databases; +--------------------+

╰+攻爆jí腚メ/ 2022年05月25日 11:48/ 0 赞/ 150 阅读

相关 uniapp-存储/获取本地缓存数据

存: uni.setStorage(\{ key:“属性名”， data:“值” \}) /--------------------------- 取

悠悠/ 2022年02月16日 10:49/ 0 赞/ 873 阅读

相关微信小程序数据在缓存中的存储和获取

// 存入到缓存中 data: \{ address: \{\}, //收货地址 \}, wx.setStorageSync("addressKey", addre

男娘i/ 2021年09月22日 14:42/ 0 赞/ 161 阅读

相关 uniapp——数据缓存

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

女爷i/ 2021年07月26日 01:52/ 0 赞/ 434 阅读

相关 uniapp - 数据缓存

uniapp 中的数据缓存一. 将数据存储在本地缓存 1. uni.setStorage(OBJECT) 2. uni.setStora

痛定思痛。/ 2021年07月25日 11:37/ 0 赞/ 586 阅读

相关 uniapp 本地数据存储

1、设置同步 uni.setStorageSync('获取值的id值',任意类型存储值); 异步 uni.s

缺乏、安全感/ 2021年07月24日 14:28/ 0 赞/ 1218 阅读