vue中el-select 选中后获取对象 value-key
近日
·
近日有个需求,下拉列表选中内容是一个对象,于是百度查阅之后 是value-key即可实现。
<template>
<el-select v-model="eventLabelValue" multiple placeholder="请选择" value-key="id" @change="changeData">
<el-option v-for="item in eventLabelList" :key="item.id" :label="item.name" :value="item" />
</el-select>
</template>
<script>
export default{
data() {
return {
eventLabelValue: [],
eventLabelList: [{
id: 1,
name: '攻击成功'
},{
id: 2,
name: '攻击失败'
},{
id: 3,
name: '不予处置'
}]
}
},
methods:{
changeData(data){
console.log(JSON.stringify(data));
},
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)