Cara merubah sebuah element menggunakan button dengan VueJS, adalah dimana kita akan merubah sebuah tulisan dimana tulisan itu akan di rubah dari nilai defaultnya, bisa kita tambahkan atau kita ganti,mungkin untuk cara ini sudah banyak ya dan sudah umum, dan disini saya juga akan mencoba membuatnya menggunakan VueJS, bagaimana caranya simak terus ya teman-teman.

Caranya Cara merubah sebuah element menggunakan button dengan VueJS caranya cukup simple, kita akan membuat sebuah data, dimana data itu akan kita isi dengan nama awal, dan nama awal itu yang akan kita rubah atau kita tambahkan nanntinya, disini saya akan memberikan dengan nama saya sendiri, dan disini saya juga mempunyai sebuah button dimana ada button untuk rubah dan button untuk mereset dari awal, sudah ada bayangan ya teman-teman.

Oke langsung saja pertama saya membuat template seperti ini, dan karena saya menggunakan bootstrap dan vuejs, disini saya menggunakan CDN silahkan teman-teman copy link CDNnya.

di atas adalah tempaltenya silahkan di coba dilihat terlebih dahulu, jangan lupa koneksi internetnya, jika sudah tampil, silahkan teman-teman ketikan kode Vuenya seperti ini:

silahkan teman-teman coba, jika berhasil maka akan seperti ini:

Cara merubah sebuah element menggunakan button dengan VueJSCara merubah sebuah element menggunakan button dengan VueJS

bisa dilihat nama awal robbani ketika saya mengklik rubah maka menjadi achmad robbani, dan button itu silir berganti ketika saya mengklik satu sama lain. untuk melihat demonya bisa lihat disini.

oke saya rasa cukup sampai disini dulu artikel untuk kali ini tentang Cara merubah sebuah element menggunakan button dengan VueJS, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.