การสร้าง select ในลูปใน Vue
แท็ก option
ยังสามารถสร้างได้
ไม่ใช่ด้วยมือ แต่ด้วยการใช้ลูป
ดูตัวอย่าง:
data() {
return {
selected: 'value1',
options: ['value1', 'value2', 'value3'],
}
}
<template>
<select v-model="selected">
<option v-for="option in options">{{ option }}</option>
</select>
<p>{{ selected }}</p>
</template>
สร้าง select ที่สามารถ ใช้เลือกชื่อวัน ของสัปดาห์
สร้าง select สามตัว ที่สามารถ ใช้เลือกวัน เดือน และปี
ปรับเปลี่ยนโจทย์ก่อนหน้าเพื่อให้ โดยค่าเริ่มต้นใน select ถูกเลือกวันที่ปัจจุบัน
