FORM DAN FILTERING DI VUE.JS

Kali ini kita akan membuat form dan filtering vue.js

Dengan membuat form yang menampilkan hasil dari apa yang di input

Membuat Form

Mulai dengan membuat file baru bernama form.html dengan memasukan kode sebagai berikut:

membuat form dengan inputan yang sudah akan terhubung dengan vuenya.

 dengan hasil membuat formnya seperti berikut

setelah itu inputkan untuk hasil output dari form sebelumnya ke server dengan script berikut

lalu buat file baru bernama proses.html dengan memasukan kode berikut

dan hasilnya akan seperti berikut

dan kita inputkan dengan mengisi formnya

lalu klik, kanan inspect element-console lalu kirim data yang sudah di input di form
dan hasil dari inputan akan dikirim ke server seperti berikut.

Filtering

Selanjutnya aku akan pakai template yang di download dari internet
kemudian merubah beberapa isi di dalamnya

kode yang di tulis seperti berikut:

 

di line 129 kita masukan data yang akan di input dengan kode vue nya

 

 yang akan menghasilkan tampilan sebagai berikut

atau bisa filter dengan mencari kata kunci merek consina

filter yang selanjutnya