Question

在我的数据中，我有多个项目，每个项目都有一个嵌套的类别数组，其中包含一个 ID 和 name 。例如：

    {
    "id": 5,
    "title": "Title Five",
    "notes": "-",
    "category-data": [
        [
            {
                "cat-id": 2,
                "cat-name": "Category Two"
            }
        ]
    ]
},

如何遍历每个数据项以从 category-data 输出名称，避免重复？

我不确定如何遍历和输出嵌套的 category-data 项目。

编辑：我必须将数据结构略微更改为：

    {
    "id": 1,
    "title": "Title one",
    "category_data": {
        "1": "Category One Name",
        "2": "Category Two Name"
    }
},

欢呼

Answer 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>

嵌套数组的输出复选框

1 个答案: