Elment-UI版本:2.15.7
由于官方文档不够详细,在使用el-select组件传入对象时,不是取值有问题,就是会报错,多番尝试后,找到了解决方法,特此记录。
<template>
<el-select :value="obj" value-key="label" placeholder="请选择" @change="changeSelect">
<el-option v-for="(item,index) in arr" :key="item.label" :label="item.value"
:value="item">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
obj:{
label:1,
value:'name1'
},
arr:[{
label:1,
value:'name1'
},{
label:2,
value:'name2'
}],
}
},
methods: {
changeSelect(e) {
this.obj = e
console.log(e)
}
}
}
</script>
这里需要使用value而不是v-mode,不然会报诡异的错。
最终效果如下:
这样就能同时拿到label与value值,不需要在确认后进行遍历。