Array av checkbox-värden i Vue

Låt oss säga att vi har en grupp checkbox. Det är möjligt att göra så att värdet från value-attributen för alla markerade checkboxar samlas i en array. För att göra detta behöver du binda en array till v-model för dessa checkbox. Låt oss göra det. Deklarera en egenskap med en array:

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

Låt oss binda denna array till gruppen av 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>