Menambahkan Data Array Objek Pada VueJS

14/05/2016    Ekky Ridyanto    1400     Website

Pada Vuejs ada banyak cara untuk memproses form salah satunya melakukan binding ke event submit caranya kita gunakan directive v-on:submit dan jalankan method yang kita gunakan untuk memproses data dari form tersebut. Misalnya pada aplikasi yang sedang kita bangun kita dapat menambahkan pada bagian form yakni directive v-on sebagai berikut

kita buat methodnya addLink dimana kita akan buat proses input data ke array objek yang sebelumnya kita buat. dan biasanya ketika kita submit kita jalankan perintah preventdefault agar form ini tidak dikirim dan halaman tidak direload dan di vuejs kita bisa gunakan sintaks prevent seperti ini

selanjutnya kita akan buat method addLink pada view modelnya dengan mendefinisikan addLink function

dimana kita tambahkan datanya ke array objek links dengan metode push() seperti berikut

lalu kita akan isi data yang baru yang isinya dari form yang kita submit dan kita coba tampilkan kembali dan kita isi formularnya lalu publish maka kita akan dapatkan hasil data tersebut. Terima kasih semoga bermanfaat.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More