微信小程序 wx:for循环展示

简单的写死循环：

index.js     随便你定义一个数组：

Page({
  data: {
    items: [
      
      {
        
        name: 'I ',
        age: '15',
        xuexi: '大学',
      },
      {
        name: 'you ',
        age: '19',
        xuexi: '大学',
      },
      {
        name: '追梦人',
        age: '15',
        xuexi: '大学',
      },
      {
        name: '爱谁谁 ',
        age: '22',
        xuexi: '大学',
      },
      {
        name: 'mimi',
        age: '8',
        xuexi: '小学',
      }
    ]
  }
})

在index.wxml里面调用就好了，主要的就wx:for循环：

<view wx:for="{{items}}" wx:for-item="item">
<view>{{item.name}}</view>
<view>{{item.age}}</view>
<view>{{item.xuexi}}</view>
<view class="page"></view>
</view>

class="page"就是在wxss里面定义的样式而已随便你弄！！！

好了，到这里写死的wx：for就写好了，就是这么简单

只要你布局把它放到你想放的地方就可以了。

这篇就到这里啦！

下一篇写服务器传数据库数据循环渲染在页面上！！！