Array di valori checkbox in Vue

Supponiamo di avere un gruppo di checkbox. È possibile fare in modo che i valori degli attributi value di tutte le checkbox selezionate vengano raccolti in un array. Per fare ciò, è necessario collegare un array al v-model di queste checkbox. Facciamolo. Dichiariamo una proprietà con un array:

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

Colleghiamo questo array al gruppo di 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>