筛选

<template>
	<div>
		<div class="drawer-name">状态</div>
		<div v-for="(item,index) in list" :class="'item':custLev1===item.code,'itenm1':custLev1!==item.code" :key='index'
		@click="onbtn(item.code)"
		> {{item.name}}</div>
		<button @click="btn1">重置</button>
		<button @click="btn2">确定</button>
	</div>
</template>

<script>
data(){
	return{
		list:[
			{code:'0',name:'111'},
			{code:'1',name:'222'},
			{code:'2',name:'333'},
			{code:'3',name:'444'},
			{code:'4',name:'555'}
		],
		custLev1:''
	},
	methods:{
		onbtn(code){
			this.custLev1=this.custLev1===code?'':code
		}
		btn1(){
			this.custLev1=''
		}
		btn2(){
			let obj={}
			let cust=this.list.filter(
			item=>item.code===this.custLev1
			)
			obj.xxx=cust.length===1?cust[0].code:''
			this.$emit('yyyy',obj)
			this.custLev1=''
		}
	}
}
</script>

<style>
	.item{
		color: red;
	}
	.itenm1{
		color: #0086B3;
	}
</style>