怎么解决微信小程序缓存问题
在开发微信小程序的时候,会遇到很多不同的问题,微信小程序缓存问题也是其中一种,但是怎么解决估计还有很多人不了解,小编给大家介绍一下具体方法。
在H5之前,缓存一般都是用cookie,但是cookie的存储空间太小。于是,H5增加了新的缓存机制,即localstorage 和 sessionstorage,具体的介绍就不在多说。在微信小程序中,数据缓存其实就和localstorage 的原理差不多,所以理解起来并不难。下面我们来一起实现一下。
效果图展示:
我们在index页面存入数字11,然后在跳转到新的小程序页面,在将缓存中的11取出渲染到当前页面。具体代码如下:
index页面:
跳转到新的页面post情求
跳转到当前页面
存入
1234567891012345678910
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)
}
})
12345678910111213141516171819202122231234567891011121314151617181920212223
跳转页面:
从存储中得到的数据:{{storage}}11
跳转页面的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
})
}
})
}
})
以上就是解决微信小程序缓存问题的具体方法,希望大家参照以上的流程和代码,成功解决缓存问题,其他问题可以在站内进行关键词搜索,更多相关资料请关注微信小程序素材网。
如何处理小程序请求和解析数据的问题
如何解决微信小程序录音不能播放的问题?
关于小程序分享页面的设置问题
上一篇:微信小程序消息提示音怎么设置?
下一篇:微信小程序转发按钮相关介绍