前端之美-小程序

微信小程序遍历对象,如图所示

2018-09-10  本文已影响0人  神木惊蛰
JS对象

小程序如何像使用wx:for遍历List一样,遍历JS对象?

代码如下微信循环输出{{index}}默认为键,也可以直接指定:
<view wx:for="{{array}}" wx:for-index="key" wx:for-item="value">
最后代码如下:
<view data-class_type_id="{{index}}">{{item}}</view>
</view>
</view>

JS对象
 <label id="{{key}}" wx:for="{{cityItems}}" wx:for-index="key" wx:for-item="value" bindtap="click" data-val="{{value}}">
          <radio value="{{value}}" ></radio>
          {{value}}
        </label>

PS:在微信小程序中使用JS对象时,一定记得导出哦!!!

module.exports = cityItems

上一篇 下一篇

猜你喜欢

热点阅读