el-select多选状况下获取label和value

效果

数据 --- teachersList

代码实现

<el-select @change="teachersListChange" v-model="formData.ids" multiple>
        <el-option
                v-for="item in teachersList"
                :key="item.value"
                :label="item.username"
                :value="item.id"
        >
        </el-option>
    </el-select>

 teachersListChange(val: any) {
            let departmentIds: any = [] //初始化数据
            let departmentNames: any = [] //初始化数据
            for(let i=0;i<=val.length-1;i++){
                this.teachersList.find((item: any)=>{ //这里的options就是数据源
                    if(item.id == val[i]){
                        departmentIds.push(item.id)
                        departmentNames.push(item.username)
                    }
                });
            }
            console.log(departmentIds) // id
            console.log(departmentNames) // username
        }