vue获取checkbox的状态

在Vue中获取checkbox的状态可以使用v-model指令来绑定数据，然后在组件中通过访问数据来获取checkbox的状态。

例如，以下代码示例演示了如何获取一个单独的checkbox的状态：

<template>
  <div>
    <input type="checkbox" v-model="isChecked">
    <p v-if="isChecked">Checkbox is checked</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChecked: false
    }
  }
}
</script>

在上面的示例中，我们使用v-model指令来绑定isChecked数据到checkbox组件。然后，我们在组件中访问isChecked数据来检查checkbox的状态。

如果你想获取多个checkbox的状态，你可以使用一个数组来绑定多个checkbox的状态。例如：

<template>
  <div>
    <input type="checkbox" v-model="checkedItems" value="item1">
    <input type="checkbox" v-model="checkedItems" value="item2">
    <input type="checkbox" v-model="checkedItems" value="item3">
    <p>Checked items: {{ checkedItems }}</p>
  </div>
</template>

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

在上面的示例中，我们使用一个数组来绑定多个checkbox的状态。当checkbox被选中时，它们的值将被添加到checkedItems数组中。我们在组件中访问checkedItems数组来获取所有已选中的复选框的值。