vue双层v-for
时间: 2023-11-05 10:57:47 浏览: 91
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
vue的双层v-for可以在嵌套结构的数据中进行循环遍历。在第一个示例中,v-for="(item, index) in list1"用于遍历list1数组,然后在每个item中使用v-for="(i, d) in item.listitem"来遍历item.listitem数组。可以通过{{i.name}}来显示每个元素的名称。
在第二个示例中,list2和listitem是两个没有直接关联的数组。可以使用v-for="(item, index) in list2"来遍历list2数组,并在每个item中使用v-for="(i, d) in listitem"来遍历listitem数组。
样式部分可以通过添加CSS样式来区分展示出来的样式。
阅读全文