• 循环展示列表

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：

<!-- 展示字典 -->
<text>直接获取：</text>
<view>
  {{npcInfo.name}}
  {{npcInfo.age}}
</view>
<text>for循环展示：</text>
<view wx:for="{{npcInfo}}">{{index}}---{{item}}</view>

JS：

Page({

  /**
   * 页面的初始数据
   */
  data: {
    npcInfo:{
      name:"meme",
      age:"18"
    }
  }
})

效果：