Vue el-select 下拉框 @change 多参数返回

最近在做毕业设计，终于知道平时不好好学习的后果，就是很多代码逻辑不清晰

分析不透彻，导致很多细节一弄就弄半天

不说了，直接把坑给记录下来，免得以后再次踩坑

 

<el-form-item label="所属小区栋数" prop="building">
                <el-select ref="sel"  v-model="user.building" @focus="selectBuilding()"  @change="setBuilding($event)" class="building" placeholder="请选择">
                    <el-option
                            v-for="item in buildingList"
                            :key="item.id"
                            :label="item.name"
                            :value="item.name">
                    </el-option>
                </el-select>
</el-form-item>

@ chang 返回的是 :value 中的值

如果需要返回多个参数，如 id 等参数，则需要用find方法，找到id

            setBuilding(event){
                console.log("@change的返回值"+event);
                let obj={};
                let setBuilding = {};
                obj = this.buildingList.find((item)=>{
                    if(item.name === event){
                        this.setBuilding.building = item.id;
                        console.log("------------------");
                        console.log('这是查询后的id值'+this.setBuilding.building);
                    }
                })
            },