微信小程序开发学习 第八天 点击按钮切换数据

步骤

1、进入页面加载数据：

onLoad函数就是在加载页面时调用

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  	//页面加载时读取缓存存数据
    let userInformation = wx.getStorageSync('userInformation')
    //将数据初始化
    this.setData({
      information: userInformation,
    })
  }

2、点击按钮更新数据

//bindtap="day2"
day2: function () {
      this.setData({ list: plan1Day2 })
  },

数据部分

let plan1Day1 = [
  {
    name: '胸部伸展',
    times: 2,
    timestimes: 8,
  },
  {
    name: '跪姿俯卧撑',
    times: 8,
    timestimes: 8,
  },
  {
    name: '蹲起跳',
    times: 8,
    timestimes: 8,
  },
]
let plan1Day2 = [
  {
    name: '早安式伸展',
    times: 2,
    timestimes: 8,
  },
  {
    name: '俯卧挺身Y,T,W型',
    times: 8,
    timestimes: 8,
  },
  {
    name: '蹲起跳',
    times: 8,
    timestimes: 8,
  },
]

效果：

刚进入界面：

点击二按钮：

小结：

1、核心就是更新数据这一操作。

2、还有小程序的赋值实在是太令人迷惑了，什么时候用=赋值什么时候使用：赋值一直稀里糊涂。

3、做了几天出了demo，心情是这样的：mmp，我tm做了一坨*。。。