小程序setStorageSync怎么使用

1785
2024/6/11 11:21:17
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

小程序中的setStorageSync方法用于设置本地缓存的数据。使用方法如下:

  1. 在需要设置缓存的地方调用setStorageSync方法,传入两个参数:缓存的key和value。
wx.setStorageSync('key', 'value');
  1. 示例代码:
Page({
  data: {
    userInfo: null
  },
  onLoad: function () {
    // 从本地缓存中获取用户信息
    let userInfo = wx.getStorageSync('userInfo');
    if(userInfo) {
      this.setData({
        userInfo: userInfo
      });
    }
  },
  // 点击按钮保存用户信息到本地缓存
  saveUserInfo: function() {
    let userInfo = {
      name: '小明',
      age: 20,
      gender: '男'
    };
    // 将用户信息保存到本地缓存
    wx.setStorageSync('userInfo', userInfo);
    this.setData({
      userInfo: userInfo
    });
  }
})

在上面的示例中,通过调用setStorageSync方法将用户信息保存到本地缓存中,然后在onLoad生命周期函数中从缓存中获取用户信息并显示在页面上。当点击按钮时,会调用saveUserInfo方法将用户信息保存到本地缓存,并更新页面上的显示。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: 常用的小程序开发工具有哪些