Selanjutnya disini kita akan mencoba membuat penjumlahan berbeda di setiap button menggunakan VueJS, dengan menggunakan VueJs kita bisa menjumlahkan sebuah bilangan ya benar sama seperti halnya javascript, disini kita akan menggunakan sebuah event, karena disini kita menggunakan button maka event yang tepat adalah event click, oke seperti apa cara membuatnya simak terus ya teman-teman.

Sebelum membuat penjumlahan berbeda di setiap button menggunakan VueJS, di VueJS terdapat bantuan lain selain data yaituu methods, menthods ini berfungsi untuk membuat proses event yang akan kita lakukan, karena disini event click maka event click ini yang akan kita proses nantinya di methods ini, lalu seperti apa langkahnya, seperti ini:

  1. seperti yang saya tulis di atas caranya sama seperti javascript, kita tulis terlebih dahul eventnya di buttonnya misal @click=”nama-methodsnya” atau v-on:click=”nama-methodsnya” .
  2. lalu nama methods itu yang nanti kita pakai di method, dan kita proses di situ.

supaya tidak tambah bingung silahkan teman-teman copy saja code di bawah ini.

bisa di lihat tambah10(param){ this.hasil += param } itu di prosesnya seperti ini: param itu di dapatkan dari parameter yang kita ambil saat mengklik ada disini

dan this.hasil, hasil sendiri adalah nilai awalnya di dapatkan dari data. bisa teman-teman lihat di atas ya, dan bagaimana hasilnya seperti ini:

membuat penjumlahan berbeda di setiap button menggunakan VueJS

kita lihat demonya

jadi seperti itu, oke saya rasa cukup sampai disini belajar kita tentang membuat penjumlahan berbeda di setiap button menggunakan VueJS, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.

WhatsApp chat