Vue.js 来自json对象数组的vuetify v-select选项

我试图从RESTAPI json响应填充vuetify v-select。下面是我到目前为止的代码。使用简单数组填充列表没有问题，但是我很难设置值和文本属性

<template>
  <v-container fluid>
    <v-slide-y-transition mode="out-in">
       <v-layout column align-center>
        <v-select v-model="dbSelect" v-on:change="dbConnect()"  :items="dbOptions" single-line></v-select>
       </v-layout>
    </v-slide-y-transition>
  </v-container>
</template>

<script>
import axios from 'axios'

export default {
  name: 'HelloWorld',
  data () {
    return {
      dbSelect: '',
      dbOptions: [],
    }
  },
  mounted () {
    axios.get('http://localhost:5000/api/values')
      .then(r => {
        // var formatted = []
        for (let i = 0; i < r.data.length; i++) {
          this.dbOptions.push(r.data[i])
          // formatted[i] = { value: r.data[i].id, text: r.data[i].name }
        }
      },
      error => {
        console.error(error)
      }
      )
  }
}
</script>

目前我正在推进整个对象，因为我一直在尝试使用项目值和项目文本，但根据文档，我可以看到这是不对的。r、 data[i].id和r.data[i].name按预期生成下拉列表。我想将dbSelect设置为选择后二次调用的更改时选择的值

---

非常感谢大家的帮助。

我也遇到了同样的问题，觉得有必要将此添加为解决问题的正确答案

使用item text=和item value的属性=

---

这一点最初由评论中的回答。

我也有同样的问题，我觉得需要添加这一点，作为解决问题的正确答案

使用item text=和item value的属性=

---

这一点最初由评论中的回答。

要使用项目文本和项目值吗？我读了一些东西，但现在在我的历史记录中找不到，但我如何建立dbOptions以使值和文本都可用。这是我最挣扎的一点。你看过我上面评论中的链接了吗？我给你举了个例子。很抱歉，我没发现。很好，我显然完全误解了我读到的内容，或者完全是垃圾。非常感谢你。要使用项目文本和项目值？我读了一些东西，但现在在我的历史记录中找不到，但我如何建立dbOptions以使值和文本都可用。这是我最挣扎的一点。你看过我上面评论中的链接了吗？我给你举了个例子。很抱歉，我没发现。很好，我显然完全误解了我读到的内容，或者完全是垃圾。非常感谢你。

[{"id":1,"name":"A"},{"id":2,"name":"B"},{"id":3,"name":"C"},{"id":4,"name":"D"},{"id":5,"name":"E"}]

<v-select
  :items="dbOptions"
  v-model="dbSelect"
  item-text="name"
  item-value="id"
></v-select>

[{"id":1,"name":"A"},{"id":2,"name":"B"},{"id":3,"name":"C"},{"id":4,"name":"D"},{"id":5,"name":"E"}]