v-for循环使用key值。

Question

需要使用v-for循环数据 但是需要使用数据的key值

数据结构是这样的

{    "工艺检测项目": [{        "id": 5,        "batchid": 1,        "brandid": 66,        "smallbrandid": 68,        "criterionitemid": 9,        "criterionitemname": "光泽",        "criterionitemcontent": "5.0",        "indicatorsid": 8,        "indicatorsname": "光泽",        "indicatorsvalue": "0",        "processid": null,        "ruleremark": null,        "remark": null,        "inputtype": true,        "isokvalue": -2
    }],    "感官类项目": [{        "id": 6,        "batchid": 1,        "brandid": 66,        "smallbrandid": 68,        "criterionitemid": 10,        "criterionitemcontent": "30.0",        "indicatorsid": 7,        "indicatorsvalue": "0",        "processid": null,        "ruleremark": null,        "remark": null,        "inputtype": true,        "isokvalue": -2
    }]
}

循环是这样

<Collapse style="margin-top:3%" v-for="（value,key） in technologyInfo">
            <Panel>
            key                <span style="font-size:16px"></span>
                <div slot="content">
                    <Collapse v-for="info in value">
                        <Panel  style="font-size:14px">
                            {{info.criterionitemname}}                            <p slot="content">                          
                                <span style="display:flex;justify-content:space-between;width:100%">{{info.criterionitemname}}：<span>{{info.indicatorsvalue}}分</span></span>
                            </p>
                        </Panel>
    
                    </Collapse>
                </div>
            </Panel></Collapse>

这样会报错

Answer 1

写成这样的形式： v-for="(value, key, index) in technologyInfo"，key就是你想要的值。

Answer 2

let&nbsp;keysArray&nbsp;=&nbsp;Object.keys(technologyInfo)let&nbsp;technologyInfoList&nbsp;=&nbsp;[].concat(keysArray.map(t&nbsp;=>&nbsp;({key:&nbsp;t,&nbsp;value:&nbsp;technologyInfo[t]})))<Collapse&nbsp;style="margin-top:3%"&nbsp;v-for="item&nbsp;in&nbsp;technologyInfoList"&nbsp;/>