V-for 用于嵌套数组,其中组件渲染的长度与父数组的长度一样多

V-for to work with nested arrays where the component renders as much as the length of the parent array

提问人:shubham arya 提问时间:9/2/2022 更新时间:9/2/2022 访问量:30

问:

我有一个嵌套的对象数组,结构如下:

selectedSystems = [[{name: 'James', systemID: 1}], [{name: 'John', systemID: 2}, {name: 'Emily', systemID: 3}], [{name: 'Rachel', systemID: 5}]]

我试图实现的是显示与父数组 (selectedSystems) 大小一样多的框中的名称,因此 Box1 将只有 James,框 2 有 John 和 emily,然后框 3 有 Rachel,对于 v 模型,我在子元素中使用 selectedSystem 的索引。所以 selectedSystem[0] 是第一个盒子的 v 模型,因为它包含 。我收到没有密钥传递的错误,任何其他方法可以做到这一点/使其更简单,将不胜感激。v-for

有人可以帮我解决这个问题吗?

数组 vue.js 嵌套循环 嵌套列表 v-for

评论

0赞 Rohìt Jíndal 9/2/2022
盒子是什么意思?这是一个输入字段?如果是,你是什么意思?box 2 has John and emily
0赞 shubham arya 9/3/2022
嘿 Rohit,一个框是一个 v-autocomplete,它允许您在文本字段中选择多个项目。vuetifyjs.com/en/components/autocompletes
0赞 Rohìt Jíndal 9/4/2022
selectedSystems 中的每个数组都是一个自动完成 ?你能帮我理解最终输出吗?可以用一个小图表或一个流程。

答: 暂无答案