Checkbox értékek tömbje Vue-ban

Tegyük fel, hogy van egy checkbox csoportunk. Megtehetjük, hogy az összes kijelölt checkbox value attribútumának értéke egy tömbbe gyűlik. Ehhez a checkbox-ok v-model-jét egy tömbhöz kell kötnünk. Csináljuk is ezt meg. Definiáljunk egy tömb típusú tulajdonságot:

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

Kössük ezt a tömböt a checkbox csoporthoz:

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>