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

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

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

ผูกอาร์เรย์นี้กับกลุ่ม checkbox:

<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>

ใช้ checkbox หลายตัวเพื่อสอบถาม ผู้ใช้ว่าเขารู้ภาษาอะไรบ้าง เก็บค่าที่ได้ลงในอาร์เรย์

แสดงอาร์เรย์ของภาษาที่ได้จากงานก่อนหน้า ในรูปแบบรายการ ul