Checkbox-arvot taulukkona Vue:ssä

Oletetaan, että meillä on ryhmä checkbox-kenttiä. Voimme tehdä niin, että kaikkien valittujen checkboxien value-attribuuttien arvot kerätään taulukkoon. Tätä varten meidän on sidottava v-model näihin checkbox-kenttiin taulukkoon. Tehdään se. Esitelään ominaisuus taulukolla:

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

Sidotaan tämä taulukko checkbox-ryhmään:

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>