求教:微信小程序里,怎么迭代map数据?
发布于 5 年前 作者 qzhao 2249 次浏览 来自 问答

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

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>
4 回复

请问可以了么?

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

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

wx:for

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

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

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

回到顶部