如何使用vuejs确保至少选中一个复选框

data() {
  return {
    checkboxes: [],
  };
},

<input type="checkbox" value="option1" v-model="checkboxes" @change="updateCheckboxes">
<input type="checkbox" value="option2" v-model="checkboxes" @change="updateCheckboxes">
<input type="checkbox" value="option3" v-model="checkboxes" @change="updateCheckboxes">

methods: {
  updateCheckboxes() {
    if (this.checkboxes.length === 0) {
      // 如果没有选中任何复选框，则默认选中第一个复选框
      this.checkboxes.push('option1');
    }
  },
},

<div v-if="checkboxes.length === 0">
  请至少选中一个复选框。
</div>