微信小程序for循环

187 阅读 0 评论 124 点赞

我是靠谱客的博主甜美店员，这篇文章主要介绍微信小程序for循环，现在分享给大家，希望可以做个参考。

1.首先在js文件中data里面定义list

periodList:[
  {
    id:1,
    name:'幼儿园'
  },
  {
    id:2,
    name:'小学'
  },
  {
    id:3,
    name:'初中'
  }
]

2.在页面中使用

<view>
    <ul class="item-list">
      <li wx:for="{{periodList}}" wx:for-item="period" 
      wx:key="id">{{period.name}}</li>
    </ul>
</view>

如果没有 wx:for-item="period" 那么默认就是item

以上就是甜美店员最近收集整理的关于微信小程序for循环的全部内容，更多相关微信小程序for循环内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。