一、select单选框
<el-select
v-model="courierCompany"
@change="onSelectedDrug($event)"
maxlength=12
filterable
placeholder="请选择">
<el-option
v-for="item in expressList"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
onSelectedDrug(val){
let obj = {};
obj = this.expressList.find((item)=>{
return item.value === val;
});
console.log(obj);
console.log(obj.label);
console.log(item);
}
二、select多选框
<el-select
v-model="value"
multiple
collapse-tags
ref="select"
@change="changeLocationValue"
style="margin-left: 20px;"
placeholder="请选择角色">
<el-option
v-for="item in options"
:key="item.id"
:label="item.roleName"
:value="item.id">
</el-option>
</el-select>
data(){
return {
options:[
{id:1,roleName:'dafe'},
{id:2,roleName:'gged'},
{id:3,roleName:'dafgddvde'},
{id:4,roleName:'hjrtb'},
{id:5,roleName:'fgdcbd'}
],
departmentIds:[],
departmentNames:[]
}
}
changeLocationValue(val){
this.departmentIds = []
this.departmentNames = []
for(let i=0;i<=val.length-1;i++){
this.options.find((item)=>{
if(item.id == val[i]){
this.departmentIds.push(item.id)
this.departmentNames.push(item.roleName)
}
});
}
console.log(this.departmentIds)
console.log(this.departmentNames)
},