javascript - VueJS 方法 json 响应选择框？

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 项中有什么，但您可以简单地将这些数据绑定(bind)到 option 标签中:

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