Menambahkan Data Array Objek Pada VueJS

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.

14 Mei 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat