微信小程序的for循环

感情迁移 提交于 2019-12-29 14:44:42

微信小程序的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>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!