el-checkbox复选框做单选

思路：（所有选择项都在一个数组中）给每一个选项设置一个是否选中的属性（checked），通过change事件来改变,数组中每一项的checked，如果change事件的值是true,那么就要把数组中（如根据唯一值：id）不等于当前选择项且checked为true的要变为false，一般的，@change事件回调参数是更新后的值，这里我们需要知道当前变化的是哪一项所有@change事件要这么写：@change=“handleChange($event, item)”

具体代码：

          <el-checkbox
            v-for="(item, index) in options"
            :key="item.id"
            class="check-box-item"
            :class="{'active': item.checked}"
            v-model="item.checked"
            :label="item.name"
            border
            @change="handleChange($event, item)"
          ></el-checkbox>

js部分：

options = [{name:'选项1', id:1，checked: false}，{name:'选项2', id:2，checked: false}，{name:'选项3', id:3，checked: false}，{name:'选项4', id:4，checked: false}];
  handleChange(value, item) {
    if (value) {
      this.activeItem = item;
      this.insuranceTypeList.forEach((el: any) => {
        if (el.id !== item.id && el.checked) {
          el.checked = false;
        }
      });
    }
  }