uni-app同步缓存值 设置 读取 删除
A页面
<view class="go-to-tab" @tap="gotologin">
去login页面
</view>
msg : [
'uniapp行业峰会频频亮相开发者反响热烈',
'DCloud完成B2轮融资,uni-app震撼发布',
'36氪热文榜推荐、CSDN公号推荐 DCloud'
]
gotologin(){
uni.setStorageSync('storage_key', 'hello');//存储一个字符传值
//存储数组前,将数组转为字符串
uni.setStorageSync('mykeymas',JSON.stringify(this.msg))
//跳转页面(不会关闭当前页)
uni.navigateTo({
url:"/pages/login/login"
})
}
B页面读取值
//监听页面加载.其参数为上个页面传递的数据,参数类型为Object(用于页面传参)此处没有用
onLoad(option){
const value = uni.getStorageSync('storage_key');
console.log('获取的key',value)
//将字符串转为对象
let con= JSON.parse(uni.getStorageSync('mykeymas'));
console.log('获取的mykeymas',con)
},
B页面读取所有的key值
<view class="read-clrar" @tap="allgetkey">
获取所有key
</view>
methods:{
allgetkey(){
const res = uni.getStorageInfoSync();
console.log("所有多少个key",res.keys);
console.log("现在key所占值的大小",res.currentSize);
console.log("key最多可以装",res.limitSize);
},
}
B页面清除某一个特定的key
<view class="read-clrar" @tap="clearKey">
清除一个key值
</view>
methods:{
clearKey(){
uni.removeStorageSync('storage_key');
}
}
B页面清除所有的key
<view class="read-clrar" @tap="clearAllKey">
清除所有的key值
</view>
methods:{
clearAllKey(){
uni.clearStorageSync();
}
}
这些都是同步操作,还有异步的,我没有写,以后有机会再写吧
uni.setStorageSync('storage_key', 'hello'); 设置
uni.getStorageSync('storage_key'); 读取
const res = uni.getStorageInfoSync(); 读取所有的值
uni.removeStorageSync('storage_key'); 清除某一个特定的key
uni.clearStorageSync(); 清除所有的key
将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。
在h5中它是存储在localStorage中的
微信小程序是在Storage中的
作者:流年少年
出处:https://www.cnblogs.com/ishoulgodo/
本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
如果文中有什么错误,欢迎指出。以免更多的人被误导。
出处:https://www.cnblogs.com/ishoulgodo/
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!
万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!
想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

支付宝

微信
如果文中有什么错误,欢迎指出。以免更多的人被误导。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· 【全网最全教程】使用最强DeepSeekR1+联网的火山引擎,没有生成长度限制,DeepSeek本体