1. 在app.js 中存储

1.1 接口

// 往本地存储，防止小程序关闭，重写登录
wx.setStorageSync('userinfo', info);
// 从本地获取值
wx.getStorageSync('userinfo')
// 从清空本地值
wx.removeStorageSync('userinfo')

1.2案例

 /*** 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）*/onLaunch: function () {// 页面刷新的时候取值var userinfo = wx.getStorageSync('userinfo')if (userinfo) {this.globalData.userinfo = userinfo}},//存储信息的仓库globalData: {userinfo: null},// 存储用户信息的函数initUserInfo: function (local, data) {var info = {nickName: local.nickName,avatarUrl: local.avatarUrl,phone: data.phone,token: data.token}// 在往本地仓库中设值this.globalData.userinfo = info// 往本地存储，防止小程序关闭，重新登录wx.setStorageSync('userinfo', info);},

2. 在页面中使用

2.1 接口

// 在page外面
var app = getApp();data: {userInfo: null},/*** 生命周期函数--监听页面显示*/onShow: function () {this.setData({userInfo: app.globalData.userinfo})},

微信小程序---全局/本地存储相关推荐

微信小程序使用本地存储
在使用微信小程序的时候当获取接口的数据的时候,接口传输过来的数据很大,而每一次回到这个页面又再一次的查询获取数据,这难免会拖垮小程序的速度.这个时候就需要使用本地存储. 变量的含义 Cates :接口 ...
微信小程序实现本地存储
效果如下用到小程序的wx.getStorageSync()方法本地存储格式思路 1.第一次进入页面时候判断是否存在本地存储以及是否收藏 2.如存在,则说明以前进行过收藏或者取消收藏 3.如果第一 ...
微信小程序的本地存储、页面跳转、以及请求封装
一.常见的交互反馈设计 1.使用button组件的loading属性,在按钮的文字前边出现一个Loading 2.wx.showToast显示提示(一般搭配wx.hideToast使用) wx.sho ...
微信小程序：本地存储数据
1.本地存储多个数据(嵌套数组),封装数组对象 js书写:addr本身也是数组 var newNa = {"tel": 122222,"addr":that.d ...
怎么搭建微信小程序的本地测试服务器
Windows环境下手把手教你搭建Windows环境微信小程序的本地测试服务器问题的提出 Mac环境方便快捷地搭建小程序的测试服务器小程序对于网络请求的URL的特殊要求不能出现端口号不能用 ...
微信小程序----全局状态管理 (便于全局埋点等操作)
说明由于我是一个有着一颗玻璃心的博主,导致在2018年后博客很少更新.原因是由于我的分享并没有解决到部分人的问题,而导致被骂了.当时这颗玻璃心就碎了,所以这两年以来很是消极,博客很少更新.这里给那些 ...
Uni-app开发微信小程序使用本地图片做背景图
Uni-app开发微信小程序使用本地图片做背景图 <view class="content" :style="{backgroundImage:'url(' + i ...
微信小程序-全局数据共享
微信小程序-全局数据共享MobX 1.开发中常用的数据共享方案为了解决组件之间的数据共享,开发中常用的数据共享方案有:Vuex/Redux/MobX等 2.小程序中全局数据共享方案-MobX ...
微信小程序-------全局通信方案mobx
微信小程序-------全局通信方案mobx 微信小程序本身并没有提供类似于vue中的vuex或者React里的Redux这样的全局通信方案,只在组件中有behaviors这样的属性共享机制,用起来也 ...

微信小程序---全局/本地存储

1. 在app.js 中存储

1.1 接口

1.2案例

2. 在页面中使用

2.1 接口

微信小程序---全局/本地存储相关推荐

最新文章

热门文章