小程序数据缓存localStorage

最新推荐文章于 2022-11-09 17:27:46 发布

weixin_30710457

最新推荐文章于 2022-11-09 17:27:46 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

文章标签：前端移动开发大数据 ViewUI

原文链接：http://www.cnblogs.com/shimily/articles/10702165.html

本文详细介绍了在微信小程序中使用wx.setStorageSync和wx.getStorage进行数据存储和读取的方法。通过具体代码示例，展示了如何在index页面中保存和获取数据，以及在跳转页面中读取存储的信息。

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

存储：wx.setStorageSync('storage', this.data.storage)

获取：

that = this; 
wx.getStorage({
      key: 'storage',
      success: function(res){
        // success
        that.setData({
          storage:res.data
        })
      }
    })

==============================================================

index的js：

//index.js
//获取应用实例
var app = getApp()
Page({
  data: {
    storage:''
  },
  onLoad: function () {
    var that = this

  //获取输入值
  getInput:function(e){
    this.setData({
      storage:e.detail.value
    })
  },
  //存储输入值
  saveInput:function(){
    wx.setStorageSync('storage', this.data.storage)
  }

})

跳转页面的js：

var app = getApp();
var that;  
Page( {  
  data: {    
    storage:''
  },  
  onLoad: function(options) {  
    that = this; 
    //获取存储信息
    wx.getStorage({
      key: 'storage',
      success: function(res){
        // success
        that.setData({
          storage:res.data
        })
      }
    })
  }

})