我可以从 double v-for 获取对象中的数据吗答案

【问题标题】：Can I get data in object from double v-for我可以从 double v-for 获取对象中的数据吗
【发布时间】：2020-04-20 10:01:42
【问题描述】：

我正在尝试从此对象获取动态表：

<tr v-for="product in allPosts" :key="product.id">
    <td v-for='(item, i) in checked' :key='`item${i}`'>{{product.item}}</td>
</tr>

所以在这种情况下，“产品”来自第一个 v-for，“项目”来自第二个。我想让它动态化，但它不起作用，只是空表。 allPosts - 包含所有数据的大型对象数组，选中 - 数组用户选择的数据。 “item”中的元素与“product”中的键equal。是真的吗？

allPosts（还有 999 行这样的行）：

[{"id":1,"post":"data","views":991,"comments":16,"likes":71}]

检查：

["post", "views", "comments", "likes"]

【问题讨论】：

【解决方案1】：

如果我理解正确，你可以这样做：

<tr v-for="product in allPosts" :key="product.id">
    <td v-for='(item, i) in checked' :key='`item${i}`'>{{product[item]}}</td>
</tr>

注意item 周围的方括号。这允许您使用item 变量的内容动态选择product 对象中的属性名称。

【讨论】：