Kerja dengan select dalam Vue
Kerja dengan select
dilakukan secara sama - atribut
v-model ditambahkan pada tag, ia diikat kepada sifat
objek data. Teks tag option yang dipilih akan
masuk ke dalam sifat ini.
Kod berikut menunjukkan contoh kerja senarai juntai bawah:
data() {
return {
selected: 'value1', // nilai lalai
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Tanya pengguna dengan menggunakan select
di bandar mana dia tinggal. Buat supaya
bandar yang dipilih dipaparkan dalam perenggan.