checkbox-group 必须选择一个

如果你想让 `checkbox-group` 组件必须选择一个选项，可以通过自定义校验规则来实现。

示例代码如下：

<template>
  <div>
    <el-checkbox-group v-model="checked" @change="handleChange">
      <el-checkbox label="选项1"></el-checkbox>
      <el-checkbox label="选项2"></el-checkbox>
      <el-checkbox label="选项3"></el-checkbox>
    </el-checkbox-group>
    <div v-if="errorMsg">{{errorMsg}}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: [],
      errorMsg: ''
    }
  },
  methods: {
    handleChange() {
      if (this.checked.length === 0) {
        this.errorMsg = '请选择至少一个选项'
      } else {
        this.errorMsg = ''
      }
    }
  }
}
</script>

在上面的代码中，我们通过 `@change` 事件来监听 `checkbox-group` 的变化。如果当前没有选中任何选项，就将 `errorMsg` 设置为提示信息。提示信息将在页面中显示。如果选中了至少一个选项，就将 `errorMsg` 设置为空，隐藏提示信息。

这样就能实现 `checkbox-group` 必须选择一个选项的功能了。