代码编写：微信小程序，页面载入完成后使用wx-for输出100行

代码编写：微信小程序页面载入完成后使用wx-for输出100行

• 页面载入完成后使用 wx:for 输出数据。
• 利用 onLoad 生命周期函数进行数据绑定。

页面数据绑定

• 数据初始化：在页面的 data 对象中初始化一个数组，用于存放将要循环输出的数据。
• 数组填充：在 onLoad 函数中填充数组，使其包含100个元素。

示例代码

Page({
  data: {
    items: [] // 初始化数组
  },
  onLoad: function() {
    let items = [];
    for (let i = 0; i < 100; i++) {
      items.push('行 ' + (i + 1)); // 填充数组
    }
    this.setData({
      items: items // 将数组绑定到页面的data对象
    });
  }
});

WXML结构

<view wx:for="{{items}}" wx:key="*this">
  {{item}}
</view>

• 使用 wx:for 指令结合 data.items 数组进行循环输出。
• wx:key 用于指定列表渲染的唯一键值。34