当前位置: 首页 > news >正文

小程序全局本地存储和读取数据

globalData:全局存储信息

定义全局数据(在 app.js 中): 在 app.js 中,你可以通过 globalData 属性定义全局数据 

// app.js
App({globalData: {userInfo: null,systemInfo: null,theme: 'light'},onLaunch() {console.log('App launched');}
});

在页面或组件中访问

// pages/home/home.js
Page({onLoad() {const app = getApp(); // 获取全局的 App 实例console.log('全局用户信息:', app.globalData.userInfo);console.log('全局系统信息:', app.globalData.systemInfo);console.log('全局主题:', app.globalData.theme);// 使用全局数据进行一些操作if (app.globalData.theme === 'dark') {this.setData({themeClass: 'dark-theme'});}}
});

更新全局数据

// pages/profile/profile.js
Page({onLoad() {const app = getApp();app.globalData.userInfo = {name: 'Alice',age: 25};console.log('更新后的全局用户信息:', app.globalData.userInfo);}
});

wx.setStorageSync 同步设置本地存储

// 将数据存储到本地缓存
wx.setStorageSync('userName', '张三');
wx.setStorageSync('userAge', 28);

wx.getStorageSync 同步获取本地存储

// 从本地缓存中获取数据
const userName = wx.getStorageSync('userName');
const userAge = wx.getStorageSync('userAge');
console.log(userName); // 输出:张三
console.log(userAge);  // 输出:28

 wx.removeStorageSync 本地缓存中移除指定的 key

// 移除指定 key 的本地存储数据
wx.removeStorageSync('userName');// 清除本地所有缓存数据
wx.clearStorageSync()


http://www.mrgr.cn/news/11141.html

相关文章:

  • Facebook AI的应用前景:如何利用人工智能提升平台功能
  • matlab与VS混合编程以及错误解决
  • TMDOG的微服务之路_07——初入微服务,NestJS微服务快速入门
  • 回调与观察者模式区分
  • 《计算机操作系统》(第4版)第10章 多处理机操作系统 复习笔记
  • 【MySQL数据库管理问答题】第8章 维护稳定的系统
  • Jenkins发邮件功能如何配置以实现自动化?
  • 需方软件供应链安全保障要求及开源场景对照自评表(上)
  • Unity 编辑器-监听创建控件,prefab创建或添加组件的自动处理⭐
  • python源码:基于fastapi+websocket双向信息通道的简易网页聊天室
  • HR招聘面试测评工具,DISC性格测试,disc行为风格
  • 【案例58】WebSphere输出日志输出慢导致线程被阻塞
  • word技巧:保护Word文档页眉,确保内容不被随意修改
  • 什么牌子的运动耳机最好用?五大绝佳臻品细致汇集!
  • 入门STM32--按键输入
  • Jmeter下载、配置环境变量
  • 制造业中的MES知识与ERP\PLM\WMS架构关系(附智能制造MES解决方案PPT下载)
  • ES6笔记总结:第四天(ES6完结)
  • 浅谈【数据结构】图-图的存储
  • p10 容器的基本命令