Vue'da Checkbox Değerlerinin Dizisi

Elimizde bir grup checkbox olduğunu varsayalım. İşaretlenmiş tüm checkbox'ların value özelliklerinin değerlerinin bir dizide toplanmasını sağlayabiliriz. Bunun için bu checkbox'ların v-model'ine bir dizi bağlamamız gerekir. Hadi bunu yapalım. Bir dizi ile bir özellik tanımlayalım:

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

Bu diziyi checkbox grubuna bağlayalım:

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>