VueJS方法json响应selectbox？

Question

我有一个VueJS组件，现在我从JSON响应中获取，我想导出到html选择框。

我的VueJS方法：

getTaskList() {
    axios.get('/api/v1/tasklist').then(response => {
        this.taskList = this.data.taskList;
    });
}

我在VueJS documentation中找到了示例，但方法仍有问题...

如何将此响应导出到选择框中，我知道如何使用v-for，但我不知道如何在HTML中初始化此数据（使用v-bind或类似的东西）那）？

Answer 1

我不知道taskList项目中的内容，但您只需将这些数据绑定在option个标记中即可：

<select v-model="selectedTask">
  <option v-for="task in taskList" :key="task.id" :value="task.value">{{ task.label }}</option>
</select>