el-select change事件获取label的值
<template>
<el-select @change="handleChange" v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="{value:item.value,label:item.label}">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: [{
value: '选项1',
label: '天津狗不理'
}, {
value: '选项2',
label: '山西臊子面'
}, {
value: '选项3',
label: '重庆火锅'
}, {
value: '选项4',
label: '湖南酱板鸭'
}, {
value: '选项5',
label: '上海小笼包'
}],
}
},
method: {
handleChange(params){
const { value, label } = params;
console.log(value, label)
}
}
}
</script>