vue的多层循环
我的json格式如下:"cit": {"A": [{"id": "01","name": "A1"}, {"id": "02","name": "A2"}],"B":[{"
·
我的json格式如下:
"cit": {
"A": [{
"id": "01",
"name": "A1"
}, {
"id": "02",
"name": "A2"
}],
"B":[{
"id": "03",
"name": "B1"
},{
"id": "04",
"name": "B2"
}],
"C":[{
"id": "05",
"name": "C1"
},{
"id": "06",
"name": "C2"
}]
}
html中使用,其中参数key为键名,item为对象元素,而item又是一个数组
<div v-for="(item,key) in cit" :key="key">
<div class="title">{{key}}</div>
<div class="item-list">
<div v-for="itemList in item" :key="itemList.id">{{itemList.name}}</div>
</div>
</div>
更多推荐
已为社区贡献5条内容
所有评论(0)