微信小程序for循环

69 阅读 0 评论 46 点赞

我是靠谱客的博主甜美店员，最近开发中收集的这篇文章主要介绍微信小程序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循环所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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