JavaScript中push()两层循环数据及多层,vue用iview(2.0+)UI 组件库时,制作级联全国地址下拉列表

项目需求,让用iview制作地址下拉框,在网上找的全国地址列表引用了一下

全国城市列表.js    链接: https://pan.baidu.com/s/1Q0mgXwqMmTrwnUCSxW_R3Q 密码: rivp

但是都知道下拉列表是需要两个名称的,就像下图写的假数据

不废话,直接上代码了,这个方法能我是就循环了两层,还可以循环多层的。。。自己加一下就行!

cityArray  就是引用的全国地址,addressData 就是获得的最终数据结果!

for(var a=0;a<cityArray.length;a++){
        var children =[];
        for(var b=0;b<cityArray[a].child.length;b++){
            children.push({
                value:cityArray[a].child[b].name,
                label:cityArray[a].child[b].name,
            })
        }
        this.addressData.push({
            value:cityArray[a].name,
            label:cityArray[a].name,
            children:children

        })
    }

猜你喜欢

转载自blog.csdn.net/qq_42221334/article/details/82258365
今日推荐