Javascript VueJS方法对selectbox的json响应?

Javascript VueJS方法对selectbox的json响应?,javascript,json,vue.js,vuejs2,Javascript,Json,Vue.js,Vuejs2,我有一个VueJS组件,现在我从JSON响应中得到,我想将其导出到一个html选择框中 我的VueJS方法: getTaskList() { axios.get('/api/v1/tasklist').then(response => { this.taskList = this.data.taskList; }); } 我在中找到了示例,但方法仍然存在问题 如何将此响应导出到一个选择框中,我知道如何使用v-for,但我不知道如何在HTML中初始化此数据(

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

我的VueJS方法:

getTaskList() {
    axios.get('/api/v1/tasklist').then(response => {
        this.taskList = this.data.taskList;
    });
}
我在中找到了示例,但方法仍然存在问题


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

我不知道
任务列表
项中有什么,但您可以简单地将这些数据绑定到
选项
标记中:

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

{{task.label}

你从
/api/v1/tasklist
中到底得到了什么?我知道这一点,但我必须在JS代码中定义v-model=“selectedTask”?解决了,我在挂载区域调用了这个函数,但并不是所有的东西都能工作(this.getTaskList()),你甚至可以在创建的
钩子中调用这个方法,因此,您的数据将尽快准备就绪(无需等待装入元素来加载这些数据)。对不起,我一开始不明白你的问题。