index.js：

//index.js
//獲取應用例項
const app = getApp()

Page({
  data: {
    arr: [{ text: "青青園中葵" }, {text: "朝露待日晞"}, {text: "陽春佈德澤"}, {text:"萬物生光輝"}]
  },
  //事件處理函式
  bindViewTap: function() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {

  }
})

index.wxml：

<!--index.wxml-->
<view class="container">

  <block wx:for="{{arr}}">
    <!-- <view >{{item}}</view> -->
    <view >{{index}}:{{item.text}}</view>
  </block>

</view>
 

對 index.wxml 略作修改，效果是一樣的：

<!--index.wxml-->
<view class="container">

  <block wx:for="{{arr}}" wx:for-index="idx" wx:for-item="itname">
    <!-- <view >{{item}}</view> -->
    <view >{{idx}}:{{itname.text}}</view>
  </block>

</view>

就是說，wx:for-index 和 wx:for-item 可以修改預設名稱（index，item）為其他名稱。