Pole hodnot checkbox ve Vue

Předpokládejme, že máme skupinu checkbox. Je možné zařídit, aby se hodnoty atributů value všech zaškrtnutých checkboxů ukládaly do pole. K tomu je třeba svázat v-model těchto checkbox s polem. Pojďme to udělat. Deklarujme vlastnost s polem:

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

Přivažme toto pole ke skupině checkbox:

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>