Rumah > applet WeChat > Pembangunan program mini > 微信小程序中多条数据缓存的代码实例

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

不言
Lepaskan: 2018-08-10 16:07:59
asal
4154 orang telah melayarinya

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

<input bindinput="inputcon"></input>
<view bindtap="history">查看历史记录</view>
<button bindtap="test">点击保存</button>
<block wx:for="{{history}}" wx:key="{{index}}">
  <text>{{item}}</text>
</block>
Salin selepas log masuk
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")
    })
  },
Salin selepas log masuk

相关推荐:

微信小程序实例:如何实现批量倒计时(附代码)

微信小程序的实例:实现下拉刷新数据的代码

小程序实例:小程序实现折叠菜单的效果(附代码)

Atas ialah kandungan terperinci 微信小程序中多条数据缓存的代码实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan