Vue el-select 下拉框 @change 多参数返回
最近在做毕业设计,终于知道平时不好好学习的后果,就是很多代码逻辑不清晰分析不透彻,导致很多细节一弄就弄半天不说了,直接把坑给记录下来,免得以后再次踩坑<el-form-item label="所属小区栋数" prop="building"><el-select ref="sel"v-model="user.building" @focus="selectBuilding()"@c
·
最近在做毕业设计,终于知道平时不好好学习的后果,就是很多代码逻辑不清晰
分析不透彻,导致很多细节一弄就弄半天
不说了,直接把坑给记录下来,免得以后再次踩坑
<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);
}
})
},
更多推荐
已为社区贡献1条内容
所有评论(0)