<div style="padding: 6px"> <el-checkbox label="选项一头"></el-checkbox> </div> <div style="padding: 6px"> <el-checkbox label="选项三尾"></el-checkbox> </div> 如何使用多个单一checkbox，而不是使用checkbox-group来更新一个列表list['a','b','c']的值

您可以使用多个单一的checkbox，每个checkbox都有自己的v-model来更新对应的值。然后在每个checkbox的change事件中，更新list数组的值。例如：

<template>
  <div>
    <div style="padding: 6px">
      <el-checkbox v-model="selected.one" @change="updateList('a', selected.one)">选项一头</el-checkbox>
    </div>
    <div style="padding: 6px">
      <el-checkbox v-model="selected.three" @change="updateList('c', selected.three)">选项三尾</el-checkbox>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: {
        one: false,
        three: false
      },
      list: ['a', 'b', 'c']
    };
  },
  methods: {
    updateList(value, checked) {
      const index = this.list.indexOf(value);
      if (checked && index === -1) {
        this.list.push(value);
      } else if (!checked && index !== -1) {
        this.list.splice(index, 1);
      }
    }
  }
};
</script>

这样每个checkbox的change事件会更新对应的list数组的值。