使用change方法
<template>
<el-form-item label="所属部门" prop="id">
<el-select
v-model="listInfo.id"
placeholder="请选择"
clearable
filterable
@change="selectInfo"
>
<ElOption
v-for="item in list"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
</template>
<script>
//存数据
listInfo:{ name: "", id: "" },
//数组
list:[
{ name: "区域一", id: 1 },
{ name: "区域二", id: 2 },
{ name: "区域三", id: 3 },
]
// change方法
selectInfo(event) {
let obj = {};
obj = this.list.find((item) => {
return item.id === event;
});
this.listInfo.name= obj.name;
this.listInfo.id= obj.id;
}
</script>