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

以你之姓@ 2022-10-10 04:43 474阅读 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 条评论，474人围观）

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

相关阅读

相关在多个MySQL会话中丢失数据：并发问题

在多个MySQL会话（或连接）中，如果处理不当，确实可能会导致数据丢失的并发问题。以下是几种可能导致这种情况的情况： 1. 数据竞争：当两个或更多的会话尝试同时修改同一份数据

雨点打透心脏的1/2处/ 2025年01月08日 08:48/ 0 赞/ 2 阅读

相关 Linux 卸载分区(会格式化分区数据)

注意，卸载分区会格式化分区内所有的数据，请谨慎操作或进行数据备份 df -hT \[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img

古城微笑少年丶/ 2023年10月03日 08:19/ 0 赞/ 28 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 uniapp——数据缓存

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

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

相关 uniapp - 数据缓存

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

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

相关 uniapp 本地数据存储

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

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