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

我的VueJS方法:

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


我在VueJS documentation中找到了示例,但是方法仍然存在问题...

我如何将这个响应导出到选择框中,我知道如何使用v-for,但是我不知道如何使用HTML(使用v-bind或类似方法)初始化此数据?

最佳答案

我不知道taskList项中的内容,但是您可以将这些数据绑定在option标记中:

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

关于javascript - VueJS方法json响应选择框?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47711897/

10-12 15:58