我有一个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/