微信小程序中实现多条数据缓存的代码实例展示

why 281 2024-08-07 09:51:03

本篇文章给大家带来的内容是关于微信小程序中多条数据缓存的代码实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1

2

3

4

5

6

<input bindinput="inputcon"></input>

<view bindtap="history">查看历史记录</view>

<button bindtap="test">点击保存</button>

<block wx:for="{{history}}" wx:key="{{index}}">

  <text>{{item}}</text>

</block>

Page({
  data: {
    history:[]
  },
  inputcon: function(e) {
    this.value = e.detail.value;
  },
  // 缓存多条数据
  test:function() {
    let arr = wx.getStorageSync("test1") || [];
    arr.unshift(this.value);
    wx.setStorageSync("test1", arr)
    
  },
  // 缓存多条数据
  history: function() {
    this.setData({
      history: wx.getStorageSync("test1")
    })
  },

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。

标签：程序 代码 数据 微信小程序 实例
上一篇:小程序中关于聊天会话组件的介绍及相关代码
下一篇:微信小程序中实现批量倒计时的实例及代码展示
相关文章