Event memang hal yang wajib ketika kita membuat sebuah form, dimana didalam event tersebut proses apa yang kita inginkan, dan event itu ada berbagai macam versi, entah event pada jquery, angular, itu berbeda-beda caranya, dan disini saya akan membuat salah satu event yang berada pada VueJS, siapa tau dari teman-teman disini ada membutuhkan teman-teman bisa lihat pada artikel kali ini yang berjudul cara menampilkan data dengan event di VueJS, maka dari itu jangan kemana-mana simak terus ya teman-teman.

Oke cara menampilkan data dengan event di VueJS, ini bisa di sebut Key Modifiers teman-teman bisa lihat saja langsung pada guidenya siapa tau biar tambah lebih memahami, dan jika kita lihat pada documentasinya ada beberapa maca modifiers, disini saya akan mencoba dua saja ya, jadi untuk kasus kali ini saya akan menampilkan hasil value dari sebuah inputan dan disini saya mencoba membuat dua inputan form, dimana form yang pertama jika ingin di tampilkan teman-teman harus ketikan sesuatu lau “enter” maka hasil inputan itu akan muncul di bawah, dan inputan yang kedua, teman-teman harus menambahkan “shift + enter” untuk menampilkan hasil inputannya.

jadi untuk event teman-teman bisa menggunakan “v-on” atau “@”, dan inilah tampilan kode fullnya:

sialahkan teman-teman coba jika berhasil akan menampilkan hasil seperti ini:

cara menampilkan data dengan event di VueJS

dan jika teman-teman ingin lihat hasil demonya bisa lihat di sini demo.

oke saya rasa cukup sampai disini dulu belajar kita tentang cara menampilkan data dengan event di VueJS, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.