Checkbox-Werte-Array in Vue

Nehmen wir an, wir haben eine Gruppe von Checkboxen. Es ist möglich, dass die Werte der value-Attribute aller ausgewählten Checkboxen in einem Array gesammelt werden. Dazu muss man an das v-model dieser Checkboxen ein Array binden. Lassen Sie uns das umsetzen. Deklarieren wir eine Eigenschaft mit einem Array:

javascriptdata() {
  return {
    arr: [],
  }
}

Binden wir dieses Array an die Gruppe von Checkboxen:

App.vue<template>
  <input type="checkbox" v-model="arr" value="v1">
  <input type="checkbox" v-model="arr" value="v2">
  <input type="checkbox" v-model="arr" value="v3">
</template>