Jika pada sebelumnya kita sudah melakukan Implementasi v-model pada tag Select Option HTML pada dengan Vue Js secara sederhana. Pada kali ini kita akan memberikan nilai pada masing-masing Option pada Select tsb.

Untuk itu teman-teman bisa mengikuti script dibawah ini ya, seperti biasa diawal kita buat terlebih dahulu struktur dasar HTML dan beberapa Option pada Selectnya:

index.html

Nah jika kalian belum menyimak atau melihat tutorial yang sebelumnya lebih baik teman-teman bisa cek terlebih dahulu, untuk linknya ada disini yaa. Implementasi v-model pada tag HTML Select Option disini kita akan menambahkan value atau kita memberikan nilai pada tiap-tiap Optionnya

Jadi semisal pada contoh kita memilih Jakarta, maka nilai yang akan ditampilkan itu adalah Ibu Kota Negara, yang diambil dari attribute Value pada tag Optionnya.

Untuk script pada Vue Js nya sama saja seperti tutorial yang melakukan Implementasi v-model pada tag Select Option HTML pada dengan Vue Js.