微信小程序--2=>(wx:for循环)

137 阅读1分钟

微信小程序:wx:for循环输出的使用方法以及简单例子

image.png

image.png

for.js的构造:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    data:[
      {
        name:"张三"
      },
      {
        name:"李四"
      },{
        name:"王五"
      }

    ],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

 
})

for.wxml
  <view>
    第{{idx}}次输出,姓名:{{item.name}}
  </view>
</block>

3目运算

image.png