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

标签 javascript json vue.js vuejs2

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

相关文章:

javascript - Angular POST JSON 结构

javascript - 如何通过按 Enter 键将一个表的突出显示行克隆到另一个表

json - 将JSON文件索引到elasticsearch命令/映射错误中

json - 使用自定义 Ember-Data REST 适配器的 PUT 请求

javascript - Vue 组件 prop 未定义

node.js - 使用 vue.js 创建文本文件

javascript - 在 vue 中从纯 HTML 执行脚本

javascript - 在递归算法的 return 语句期间我的变量值如何变化?

javascript - JS - 合并对象

javascript - 直接引用 HTML 元素