微信小程序的for循环

Posted on 2019-05-20 17:10  猫头唔食鱼  阅读(14300)  评论(0)  编辑  收藏  举报

微信小程序的for循环的选项是item,下标是index。

wxml

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

js

  data: {
    show:true,
    arr:["zs","ls","ss"]
  },

　也可以指定遍历选项和下标的别名，

   指定遍历选项的别名：wx:for-item="xxx"　

  指定遍历下标的别名 ：wx:for-index="yyy"

 

例子：

<!-- 给遍历的item指定别名，给遍历的下标指定别名 -->
<view wx:for="{{arr}}" wx:for-item="testItem" wx:for-index="i">
  <text>{{testItem}} === {{i}}</text>
</view>