Select Input pada form sering dijumpai untuk menampilkan beberapa option atau pilihan yang tentunya sesuai kebutuhan dari inputan. Dalam kasus kali ini kita akan belajar bagaimana cara membuat custom select input dalam component vuejs. Yuk langsung saja ikutin step-step dibawah ini:

Langkah Pertama

Buat struktur pada file html seperti code dibawah ini:

code diatas digunakan untuk template yang berisi label dan inputan dari select option.

pada code diatas isi data pada expression {{label}} yang terdapat pada code sebelumnya dan juga untuk menampilkan expression {{option}}

Langkah Kedua

Selanjutnya ketikkan script seperti dibawah ini

code diatas berisi data option-option yang akan ditampilkan, jadi saya memberikan sedikit pilihan saja sebagai contoh.

Saya kira cukup pembahasan artikel ini tentang Cara Custom Select Input Menggunakan VueJs , semoga bermanfaat dan sampai jumpa.

terima kasih

 

WhatsApp chat