Bekerja dengan select di Vue
Bekerja dengan select
dilakukan dengan cara yang sama - atribut
v-model ditempelkan pada tag, yang diikat ke properti
objek data. Ke dalam properti ini akan
masuk teks dari tag option yang dipilih.
Kode berikut menunjukkan contoh cara kerja dropdown list:
data() {
return {
selected: 'value1', // nilai default
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Tanyakan kepada pengguna dengan menggunakan select
di kota mana ia tinggal. Buat agar
kota yang dipilih ditampilkan di paragraf.
