我可以從雙 v-for 獲取 object 中的數據嗎

Question

我正在嘗試從此對象獲取動態表：

<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 - 包含所有數據的 object 大數組，檢查 - 數組用戶選擇的數據。 “item”中的元素等於“product”中的鍵。 這是真的嗎？

allPosts（還有 999 行這樣的行）：

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

檢查：

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

Answer 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變量的內容動態 select product object 中的屬性名稱。