Tablica wartości checkbox w Vue

Załóżmy, że mamy grupę checkbox. Można sprawić, aby wartości atrybutów value wszystkich zaznaczonych checkboxów były umieszczane w tablicy. Aby to zrobić, należy powiązać tablicę z v-model tych checkbox. Zróbmy to. Zadeklarujmy właściwość z tablicą:

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

Powiążmy tę tablicę z grupą 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>