vue中多层数据结构,用v-for嵌套循环
多层数据结构,`我们可以考虑使用v-for进行嵌套循环<ul><li v-for="(item,index) in tableData" :key="index" >0{{item.name}}<ul><li v-for="(item1,index1) in tableData[index].items":...
·
多层数据结构,`我们可以考虑使用v-for进行嵌套循环
<ul>
<li v-for="(item,index) in tableData" :key="index" >
0{{item.name}}
<ul>
<li v-for="(item1,index1) in tableData[index].items" :key="index1">
1{{item1.name}}
<ul>
<li v-for="(item2,Index2) in tableData[index].items[index1].act" :key="Index2">
2{{item2.name}}
</li>
</ul>
</li>
</ul>
</li>
</ul>
{
"code": 0,
"data": [{
"name": "美食",
"items": [{
"name": "火锅",
"act": [{
"name": "白菜"
}, {
"name": "豆腐"
}, {
"name": "煎饼"
}]
},
{
"name": "小吃",
"act": [{
"name": "菜煎饼"
}, {
"name": "豆芽饼"
}, {
"name": "糖葫芦"
}]
}
]
}],
"message": "成功"
}
更多推荐
已为社区贡献7条内容
所有评论(0)