Question

我正在尝试在Vue.js中实现一个选择框，其中的值用数组中的数据成员填充，WITHIN是一个JSON对象。

选择框：

  <v-select
      :items="JSONResponse"
      v-model="selectedMember"
      label="Select A Team Member"
    ></v-select>

JSON响应如下所示：

{
    "data": [
        {
            "_team": [
                {
                    "_id": "1",
                    "username": "member_1"
                },
                {
                    "_id": "2",
                    "username": "member_2"
                }
            ],
            "_id": "2222",
            "name": "team_test"
        }
    ]
}

我希望选择框显示团队成员的用户名（_team.username）。我试图编写一个for循环来迭代JSON对象，但是当我试图深入嵌套数组时，我遇到了问题。

非常感谢任何帮助。

Answer 1

一个简单的map function应该可以解决问题：

<v-select
  :items="JSONResponse.data[0]._team.map(member => member.username)"
  v-model="selectedMember"
  label="Select A Team Member" />

使用嵌套JSON数组填充Vue.js选择框

1 个答案: