小编Kar*_*ius的帖子

尽管我得到了问题的解决方案，但我对其解决方式有点不满意。有没有办法让这件事变得更简单？比如，理想情况下我会有类似的 html，我唯一要做的就是调用 api 来获取教师并立即将它们分配给他们，this.teachers而不必遍历它们来创建一些新对象的无类型数组。

HTML：

    <b-form-select 
        v-model="selectedTeacher"
        :options="teachers"
        value-field="teacher" //NOT teacher.id, I want the object itself
        text-field="teacher.name">
    </b-form-select>

JS

    var dbTeachers: Teacher[] = await getTeachers();
    
    dbTeachers.forEach(teacher => {
        this.teachers.push(new Object({
            teacher: teacher ,
            name: teacher.name
        }));
    });