vue3怎么获取选中的复选框

在 Vue3 中，可以通过 v-model 指令来绑定复选框的选中状态，然后通过在 data 中定义一个数组来存储选中的值。具体实现如下：

<template>
  <div>
    <label>
      <input type="checkbox" v-model="checkedValues" value="value1">
      Value 1
    </label>
    <label>
      <input type="checkbox" v-model="checkedValues" value="value2">
      Value 2
    </label>
    <label>
      <input type="checkbox" v-model="checkedValues" value="value3">
      Value 3
    </label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedValues: []
    }
  }
}
</script>

在上面的代码中，我们定义了一个数组 checkedValues 来存储选中的值。然后在每个复选框上都绑定了 v-model 指令，将其值绑定到 checkedValues 数组中。这样，当用户选中或取消选中某个复选框时，checkedValues 数组中对应的值就会被添加或移除。