微信小程序_for循环

• 循环展示列表

wxml

<text>角色列表1</text>
<view>
  <!-- 默认item是循环列表的每一个元素，index是索引 可以用过 -->
  <view wx:for="{
  {dataList}}">{
  {index}}-{
  {item}}</view>
</view>
<text>角色列表2</text>
<view>
  <!-- 可以用过 wx:for-index   wx:for-item改变名称-->
  <view wx:for="{
  {dataList}}" wx:for-index="x" wx:for-item="y">{
  {x}}-{
  {y}}</view>
</view>

js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    dataList:["么么","大卫","梅森"]
  }
})

效果：

 

• 循环展示字典

wxml：