elementUI 中 el-checkbox-button 为什么不管点那个，选中的都是第一个

代码是这样的，现在遇到的问题是，不管点哪个，都是选的第一个

想实现的效果，点那个按钮，就选中那个按钮，找了一下午了，还没有发现问题，请大家指教。多谢多谢

参考：

<el-checkbox-group
                  v-model="userAnswer" >
                  <el-checkbox
                    v-for="opt in contentInfo.option"
                    :key="opt.id"
                    :label="opt.id"
                  >
                    {{ opt.id }}.{{ opt.name }}
                  </el-checkbox>
                </el-checkbox-group>

这个控件是不是要先取消选择才能选中。
既然是单选框为什么不用单选的控件呢。

<template>
  <div>
    <el-radio-group v-model="radio1">
      <el-radio-button label="上海"></el-radio-button>
      <el-radio-button label="北京"></el-radio-button>
      <el-radio-button label="广州"></el-radio-button>
      <el-radio-button label="深圳"></el-radio-button>
    </el-radio-group>
  </div>
  <div style="margin-top: 20px">
    <el-radio-group v-model="radio2" size="medium">
      <el-radio-button label="上海" ></el-radio-button>
      <el-radio-button label="北京"></el-radio-button>
      <el-radio-button label="广州"></el-radio-button>
      <el-radio-button label="深圳"></el-radio-button>
    </el-radio-group>
  </div>
  <div style="margin-top: 20px">
    <el-radio-group v-model="radio3" size="small">
      <el-radio-button label="上海"></el-radio-button>
      <el-radio-button label="北京" disabled ></el-radio-button>
      <el-radio-button label="广州"></el-radio-button>
      <el-radio-button label="深圳"></el-radio-button>
    </el-radio-group>
  </div>
  <div style="margin-top: 20px">
    <el-radio-group v-model="radio4" disabled size="mini">
      <el-radio-button label="上海"></el-radio-button>
      <el-radio-button label="北京"></el-radio-button>
      <el-radio-button label="广州"></el-radio-button>
      <el-radio-button label="深圳"></el-radio-button>
    </el-radio-group>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        radio1: '上海',
        radio2: '上海',
        radio3: '上海',
        radio4: '上海'
      };
    }
  }
</script>

这个是字符串
如有帮助，望采纳 ^.^

没有el–checkbox-button组件吧，换成el-checkbox应该就可以了

望采纳^O^

我这没问题啊

<el-checkbox-group v-model="checkboxGroup1" :max="1">
  <el-checkbox-button v-for="option in cities" :label="option" :key="option" />
</el-checkbox-group>

checkboxGroup1: [],
cities: ['上海', '北京', '广州', '深圳']

问题已经解决了，感谢大家的帮助，谢谢，这个问题是跟其他的组件冲突导致的