
目前微信小程序获得卜旁御的缓存数据是持久保存的,不是永久,获得后就存在客户端,除非主动型岩销毁或者从客户端删除该小程序,就是你在微信,发现,小程序列表里删除这个小程序,目前这个API并不能够直接设置缓存时间启拦,但能够通过一定处理达到超时处理,详情可以参考微构网络团队此前发布的技术文章。
在微信小程序中,数据缓存其实就和localstorage 的原理差不多,所以理解起来并不难。下面我们来一起实现一下。效果图展示:
我们在index页面存入数字郑喊11,然后在跳转到新页面,在将缓存中的11取出渲染到当前页面。具体代码如下:
index页面:
<span style="font-size:24px">
<view class="btn-area">
<navigator url="../navigator/navigator?title=我是navi">跳转到新的页陪丛衫面post情求</navigator>
<navigator url="../redirect/redirect?title=我是red" redirect>跳转到当前页面</navigator>
</view>
</span>
<view>
<input style="border:2rpx solid red" placeholder="输入信息" bindinput="getInput" />
<button style="border:2rpx solid yellow" bindtap="saveInput">存入</button>
</view>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
跳芦腔转页面:
<view>从存储中得到的数据:{{storage}}</view>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
})
}
})
}
})
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)