美文网首页前端之美-小程序
微信小程序遍历对象,如图所示

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

作者: 神木惊蛰 | 来源:发表于2018-09-10 10:14 被阅读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

相关文章

网友评论

    本文标题:微信小程序遍历对象,如图所示

    本文链接:https://www.haomeiwen.com/subject/whxgrftx.html