收藏
回答

求教:微信小程序里,怎么迭代map数据?

问题模块
API和组件

我的数据结构是这样子的:

cities: [{
            'A': [{
                id: 1,
                name: '爱河'
            }, {
                id: 2,
                name: '安口窑'
            }, {
                id: 3,
                name: '鞍山西'
            }, {
                id: 4,
                name: '阿拉山口'
            }]
        }, {
            'B': [{
                id: 5,
                name: '包官营'
            }, {
                id: 6,
                name: '包头东'
            }, {
                id: 7,
                name: '宝鸡南'
            }]
        }, {
            'C': [{
                id: 8,
                name: '长兴南'
            }, {
                id: 9,
                name: '漕河'
            }, {
                id: 10,
                name: '常州北'
            }]
        }]

我代码里面怎么迭代这个数据?

我wxml里面这么写,我知道不对,但是又不知道应该怎么写?

<view class="city-box">
        <block wx:for="{{cities}}" wx:for-item="cityGroup" wx:key="loop2">
            <block wx:for="{{cityGroup.keys}}" wx:for-item="city" wx:key="loop3">
                <view class="item" data-id="{{city.id}}">{{city.name}}</view>
            </block>
        </block>
    </view>


最后一次编辑于  2017-06-06  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

4 个回答

  • 清明夏至
    清明夏至
    2017-06-06

    wx:for

    在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。

    默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item



    好像只能迭代数组, 建议转数组处理

    2017-06-06
    赞同
    回复
  • 小白
    小白
    2017-06-06

    不会这么low吧,不能迭代map,我只是想着,操作map更方便一点,如果不支持迭代map,那就尴尬了

    2017-06-06
    赞同
    回复
  • 清明夏至
    清明夏至
    2017-06-06

    小程序的wxml 本来就很low  开发太不友好了,,还是喜欢React

    2017-06-06
    赞同
    回复
  • 马四成
    马四成
    2018-09-29

    请问可以了么?

    2018-09-29
    赞同
    回复