el-checkbox-group复选框实现单选

时间:2025-01-19 16:58:46

1.实现思路:只选中一个,其他的disabled
2.用change事件实现

<el-checkbox-group v-modle=checkboxGroup1 @change=handleCheckbox>
<el-checkbox-button v-for=“item in msgList” :label=“item” :disabled=currentItemId? currentItemId !== : false :key=“index ”>

handleCheckbox(val){
if( >0){
= val[0].id
}else {
this.$nextTick(() => {
=“”
this.checkboxGroup1=[]
}
}
}

手机纯手写,不明白的尽管问