Флажки вывода из вложенного массива
В моих данных у меня есть несколько элементов, каждый из которых имеет массив вложенных категорий, содержащий Я БЫ и имя. Бывший:
{
"id": 5,
"title": "Title Five",
"notes": "-",
"category-data": [
[
{
"cat-id": 2,
"cat-name": "Category Two"
}
]
]
},
Как я могу перебрать каждый элемент данных, чтобы вывести имя из категория-данные, избегая дублирования?
Я не уверен, как перебирать и выводить вложенные элементы категория-данные.
Обновлено: мне пришлось немного изменить структуру данных, чтобы:
{
"id": 1,
"title": "Title one",
"category_data": {
"1": "Category One Name",
"2": "Category Two Name"
}
},
Ваше здоровье
Привет, для каждого элемента «Title Five» выведите флажок «Category Two».
Я думаю, вам нужно обновить свой вопрос, чтобы лучше понять, что вы пытаетесь сделать, возможно, на примере, потому что как есть, это совсем не ясно.
Нормально будет сделать. По сути, я хочу вывести список флажков для каждого из имен кошек.
@ David.J вы хотите только 3 категории с ключом cat-name?
если Object.title уникален, вероятно, этот код соответствует вашим требованиям.
@Sphinx, это почти идеально. Однако флажками должны быть имена кошек, а не заголовок. Ваше здоровье
@boussadjrabrahim Я хочу, чтобы все категории выводились в виде флажков, без дубликатов. Спасибо
Ответы 1
После того, как моя структура данных была улучшена, я мог перебрать ее, как и ожидалось.
<div v-for = "(item, index) in info" :key = "index" class = "form-check">
<div v-for = "(category, index) in item.category_data" :key = "index">
<input type = "checkbox" class = "form-check-input" v-model = "cat_data" :id = "index" :value = "index">
<label class = "form-check-label">{{ category }}</label>
</div>
</div>
На всякий случай: в ваших данных категории есть список списков категорий, и вы хотите в основном перебрать их все и получить единый уникальный список?