近日有个需求,下拉列表选中内容是一个对象,于是百度查阅之后 是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>

 

Logo

前往低代码交流专区

更多推荐