Cara Membuat Aplikasi Todolist Vue JS Part 3

Kita akan lihat bagian berikutnya yaitu untuk menghapus list todos maka dari itu kita akan membuat satu link dengan menjalankan satu event on click atau jika linknya di klik maka kita akan memanggil metode removeTodo tapi sebelum itu kita tidak mau menghapus semua listnya untuk itu kita akan tambahkan satu parameter index karena kita akan hapus berdasarkan id sebagai index yang aktif agar kita tahu bagian list todos mana yang akan dihapus

membuat-aplikasi-todolist-vue-js-part-3-28-07-2017-1

Sekarang teman teman bisa buat metode baru yang dipisahkan dengan koma untuk metode yang kedua yaitu removeTodo sebagai function yang memiliki parameter indexnya

membuat-aplikasi-todolist-vue-js-part-3-28-07-2017-2

Yang akan kita lakukan adalah menuliskan this.todos lalu menjalankan metode splice yaitu metode dari javascript yang digunakan untuk menghapus nilai index array objectnya

cara-membuat-aplikasi-todolist-vue-js-part-3-28-07-2017-3

Yang akan kita hapus hanya 1 item yang tentunya index yang kita pilih. Bila teman teman testing sekarang dibagian browsernya lalu klik link deletenya

cara-membuat-aplikasi-todolist-vue-js-part-3-28-07-2017-4

Maka kita akan dapat hasil yang di inginkan yaitu menghapus item-item dari list todosnya. Nah dua metode kita berhasil dibuat dan cukup simple.

28 Juli 2017

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