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

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

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

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

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