Vue如何遍历包含数组的对象
最近写项目遍历数组内对象的时候含有数组,那么如何拿到数组中对象的值呢?我们来看一下:items: [{id: 1,name: "实力档口",shop: [{ name: "小丫头服饰" },{ name: "jds" },{ name...
·
最近写项目遍历数组内对象的时候含有数组,那么如何拿到数组中对象的值呢?
我们来看一下:
items: [
{
id: 1,
name: "实力档口",
shop: [
{ name: "小丫头服饰" },
{ name: "jds" },
{ name: "ncn" },
{ name: "小丫头服饰" },
{ name: "小丫头服饰" },
{ name: "小丫头服饰" },
{ name: "小丫头服饰" }
]
}
]
};
数据大概就是这个样子的,我们先遍历items拿到值,然后遍历shop的值拿到我们需要的值。
<div v-for="(item, key) in items" :key="key">
<div class="classify">
<div>
<p>{{item.name}}</p>
</div>
<div v-for="(text,index) in item.shop" :key="index">
<span>{{text.name}}</span>
</div>
</div>
</div>
这样我们就能取到对象的值了。
更多推荐
已为社区贡献7条内容
所有评论(0)