Могу ли я получить данные в объекте из двойного v-for

Question

Я пытаюсь получить динамическую c таблицу из этих объектов:

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

Таким образом, в данном случае «product» из первого v-for и «item» из второго. Я хочу сделать это динамически c, но он не работает, просто пустая таблица. allPosts - большой массив объектов со всеми данными, проверено - массив выбранных пользователем данных. Элементы в "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. Это позволяет динамически выбирать имя свойства в объекте product, используя содержимое переменной item.