如何为每个 v-select 组件项设置值

【问题标题】：How to set value for each v-select component item如何为每个 v-select 组件项设置值
【发布时间】：2019-10-15 18:15:16
【问题描述】：

我有一个 v-select vuetify 组件我有一个对象，其中键是 Id，值是名称我希望每个 v-select 项目的值是 Id，文本是名称该怎么做？

我的对象的例子是{"1":"calculus 1","2":"linear algebra"}

【问题讨论】：

【解决方案1】：

这需要一个两步过程

1) 将您的 Object 更改为数组，这是 v-select 所期望的格式

  this.classesArray = Object.keys(this.classes).map(i => {
  let formattedClass = {
    id: i,
    text: this.classes[i]
  }
  return formattedClass

2) 在 v-select 中使用新创建的数组

<v-select
   v-model="selectedClass"
   :items="classesArray"
   item-text="text"
   item-value="id"
></v-select>

这里是代码笔，如果你想看到它的实际效果：https://codepen.io/Madison_Lai/pen/JjjKXWG?editors=1011

【讨论】：