信用主体画像

一个双重循环

<div class="">
                    <div class="" style="font-size:0" v-for="(item,index) in arr" :key="index">
                        <div class="" style="font-size:16px">{{item.name}}</div>
                        <div style="display: inline-block;background: blue;margin: 6px;min-width: 20px;min-height: 20px;font-size:16px;vertical-align: top;" class="" v-for="(item2,index2) in item.children" :key="index2">{{item2.name}}</div>
                    </div>
                </div>

data里存放数据

data() {
        //这里存放数据
        return {
            arr: [
                {
                    name: "title1",
                    children: [{
                        name:11,
                    },{
                        name:12,
                    }]
                },
                {
                    name: "title2",
                    children: [{
                        name:21,
                    },{
                        name:22,
                    },{
                        name:23,
                    }]
                }
            ]
        };

js中循环判断

for (let i = 0; i < 6; i++) {
            this.arr.map((item,index) => {
                if (item.children.length<6) {
                    item.children.push({name:""})
                }
            })
        }
调接口获得数组数据后处理