基与uni-app的数据存储部分方法封装的工具类

本文介绍了如何创建一个基于uni-app的Storage.js文件,用于封装数据存储的方法。包括全局和局部的使用方式,适用于uni-app项目的持久化数据管理。

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

1.创建Storage.js文件

class Storage {
	// 获取同步storage
	// 一个参数返回string,两个参数返回一个object
	getStorage(key) {
		const argLength = arguments.length
		console.log(arguments)
		if(argLength > 1) {
			const getStorage = {}
			const arg = Array.apply(null, arguments)
			arg.forEach((element) => {
				getStorage[element] = uni.getStorageSync(element);
			})
			return getStorage
		} else {
			return uni.getStorageSync(key);
		}
	}
	// 异步存储storage
	// 传入一个对象会把对象里的key,value遍历存储
	setStorage(key, datas) {
		const argLength = arguments.length
		if(argLength > 1) {
			const data = JSON.stringify(datas)
			uni.setStorage({
				key: key,
				data: data,
				success: function() {
					console.log('success');
				}
			});
		} else {
			const arg = Array.apply(null, arguments)[0].entries()
			arg.forEach((element) => {
				uni.setStorage({
					key: element[0],
					data: element[1],
					success: function() {
						console.log('success');
					}
				});
			})
		}
	}
	// 异步删除storage
	// 支持多个参数删除
	removeStorage(key) {
		const argLength = arguments.length
		if (argLength > 1) {
			const arg = Array.apply(null, arguments)
			arg.forEach((element) => {
				uni.removeStorage({
				    key: element
				});
			})
		} else {
			uni.removeStorage({
			    key: key
			});
		}
	}
}

export default new Storage

2.使用

全局使用

import Vue from 'vue'

import Storage from 'util/Storage.js'
// 在原型上挂载全局Storage类
Vue.prototype.$Storage = Storage

const token = this.$Storage .getStorage('token')
局部使用
import Storage from 'util/Storage.js'

const token = Storage.getStorage('token')

剩余其他几个方法跟上述类似,若有错误和更好的提议请留言评论

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值