多选框实现单选

2023-03-08  本文已影响0人  李小白呀

1.两个多选框实现单选功能

 <el-checkbox-group v-model="sex" true-lable='男' false-lable='女'>男 </el-checkbox-group>
 <el-checkbox-group v-model="sex" true-lable='女' false-lable='男'>女</el-checkbox-group>

2.多个多选框实现单选功能

 <el-checkbox-group
   v-model="coloringPagesType"
   @change="setMealSelect"
 >
   <el-checkbox
     v-for="item in this.selectData.coverMaterialType"
     :label="item.itemValue"
   ></el-checkbox>
 </el-checkbox-group>


methods:{
    setMealSelect() {
      this.coloringPagesType = this.coloringPagesType.slice(-1)
    }
}
上一篇 下一篇

猜你喜欢

热点阅读