อาร์เรย์ของค่า checkbox ใน Vue

สมมติว่าเรามีกลุ่มของ checkbox เป็นไปได้ ที่จะตั้งค่าให้ค่าของแอตทริบิวต์ value ของทุก checkbox ที่ถูกเลือก ถูกเก็บลงในอาร์เรย์ ในการทำเช่นนี้ จำเป็นต้องผูกอาร์เรย์กับ v-model ของ checkbox เหล่านี้ มาลองทำกัน ประกาศพรอพเพอร์ตี้ด้วยอาร์เรย์:

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

ผูกอาร์เรย์นี้กับกลุ่ม 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>