Question

我有一个v-select（不要忘记返回对象，否则您将不会获得ID）：

<v-select v-model="selectedEmployee"
   :items="employee"
   item-text="name"
   value="id"
   return-object
   hide-details
></v-select>

我在数据中声明该数组以及一个辅助数组和一个变量：

data: {
   employeeList: [],
   employee: [],
   selectedEmployee: null
},

我使用GET获取JSON数组并将其放入employeeList，然后将要在v-select中显示的数据弄乱：

for(i = 0; i < app.employeeList.length; i++) {
   app.employee.push({name: '', id: ''});
   app.employee[i].name = app.employee[i].lastname + ' ' + app.employeeList[i].firstname;
   app.employee[i].id = app.employeeList[i].id;
}

employee.name显示在v-select中，由于返回对象的原因，您会获得.id。因此，selectedEmployee的内容为：

{name: 'Jane Doe', id: 0}

如果不使用返回对象，则只会得到v-select下拉菜单中显示的内容。

Answer 1

上面显示了如何为v-select生成动态项目列表以及如何从中获取可行的值。由于文档不良/无法访问，花了一些时间将它们拼凑在一起。也许对某人有用。

通过动态项目列表进行v选择

1 个答案: