element-u中Checkbox 多选框只能选择一个

element-ui多选只选择一个效果并获取到当前选择值

想要多选框的样式,但是实现单选的功能
1.html中

<template>
	<el-checkbox-group v-model="checkList" @change="setMealSelect">
  		<el-checkbox :label="0">不吸烟</el-checkbox>
  		<el-checkbox :label="1">偶吸烟</el-checkbox>
  		<el-checkbox :label="3">经常吸烟</el-checkbox>
	</el-checkbox-group>
</template>

2.data中

data() {
	return{
		checkList: []
		}
	}

3.methods中

methods: {
	setMealSelect() {
	// 截取数组的最后一位,并从新赋值
  this.checkList = this.checkList.slice(-1)
	},
}