Vue el-select 获取label值

Vue el-select 获取label值

在HTML中设置el-select

<el-select style="width:80%;" v-model="chVal" placeholder="" @change="chChange">
	<el-option
	    v-for="item in chOptions"
	    :key="item.id"
	    :label="item.chname"
	    :value="item.chid">
	</el-option>
</el-select>

在el-select的值发生变化时，获取选中的item（即obj），chOption–下拉框绑定的数据，item.chid–value绑定的值

// An highlighted block
chChange(val){
    var obj = {};
    obj = this.chOptions.find(item =>{
        return item.chid === val 
    });
    // console.log(obj.chname)
    this.editMessage.chname = obj.chname
},