我有一个 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
项中有什么,但您可以简单地将这些数据绑定(bind)到 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/