需求分析:
- 前端的selection里面的数据从数据库拉取
前端实现:
/*
classlist: [],
*/
<Form-item label="班级" prop="classId">
<i-select v-model="studentForm.classId" style="width:35%" placeholder="请选择班级" clearable filterable>
<i-option v-for="item in classlist" :value="item.id" :key="item.id" :label="item.name"></i-option>
</i-select>
</Form-item>
mounted(){
studentApi.class_list().then((result) => {
this.classlist = result.data.list
})
}
后台实现:
- 较为简单不予赘述