Vue.js 使用VUE在阵列内部显示阵列

如何在VUE中显示阵列内部的阵列

我已经用下面的代码试过了，但似乎不对

<table class="table table-border">
   <thead>
      <tr>
        <th v-for="(name, index) in attributes" v-html="attributes[index].name"></th>
      </tr>
   </thead>
   <tr v-for="(values, index) in attributes">
      <td v-for="(name, index) in values" v-html="values[index].name"></td>
   </tr></table>

---

如果看不到对象的结构，就很难完全帮助您，另外，您想实现什么>我看到了设置表的基础知识，但是数组的哪一部分需要应用到表中

如果我有以下对象（为清晰起见，请键入脚本类型）：

接口父级{
ID:string，
名称：string，
年龄:数字,，
父对象：数组
}
接口子项{
名称：string，
FavoriteNumber:数组
}

下面，我将反复浏览父母和孩子之间的关系，以发现每个孩子最喜欢的数字

<div>
    <div v-for="(child, index) in Parent.ParentOf">
        <p>{{Parent.Name}} <br />
        {{child.Name}} </p>
        <ul>
            <li v-for="number in child.FavoriteNumbers">
               Favorite Number: {{number}}   <!--We are iterating through an array of an array here -->
            </li>
        </ul>
    </div>
</div>

{{Parent.Name}}

{{child.Name}



最喜欢的号码：{{Number}

属性的结构是什么？展示一个我们可以复制和运行的最小复制品真的很有帮助。很高兴它有帮助。祝你好运

<div>
    <div v-for="(child, index) in Parent.ParentOf">
        <p>{{Parent.Name}} <br />
        {{child.Name}} </p>
        <ul>
            <li v-for="number in child.FavoriteNumbers">
               Favorite Number: {{number}}   <!--We are iterating through an array of an array here -->
            </li>
        </ul>
    </div>
</div>