获取当前checkbox-group勾选状态

Question

获取当前checkbox-group勾选状态，勾选push不勾选删除原来数组对象里面的值

Answer 1

直接用原生 v-model 就可以：

<template>
<input type="checkbox" name="group1" value="1" v-model="selected">
<input type="checkbox" name="group1" value="2" v-model="selected">
<input type="checkbox" name="group1" value="3" v-model="selected">
</template>

<script>
export default {
  data() {
    return {
      selected: [],
    };
  },
},
</script>