Halo Sahabat Dumetschool, selamat datang kembali di website tips dan trik Dumet School. Pada kesempatan kali ini kita akan memberikan bagaimana Cara Membuat Export HTML ke Word Dengan VueJS. Aplikasi berbasis website tentu harus di sediakan fitur export file kedalam excel, pdf, word dsb, yang berfungsi untuk membantu menyajikan suatu laporan berupa data., kali ini saya akan memberikan referensi membuatnya menggunakan salah satu framework javascript, yaitu VueJS, jadi sahabat bisa memiliki banyak referensi dalam membuatnya.  Untuk membuatnya silahkan sahabat simak step-step berikut ini

Pada code diatas saya menggunakan template bootstrap untuk mempermudah membuat tampilannya, serta menggunakan Icon dari Fontawesome dan jangan lupa library VueJS.

Selanjutnya ketikkan code struktur berikut ini yang berisi text area dan sebuah button

dalam textarea diberikan sebuah v-model=”word” dan di button diberi event click @click=”exportHTML”.

Langkah selanjutnya code dari javascript yang digunakan sebagai berikut:

Jika sudah simpan semua file diatas lalu coba jalankan pada browser maka akan seperti tampilan dibawah ini :

Membuat Export HTML ke Word Dengan VueJS

Demikian pembahasan artikel kali ini semoga bermanfaat dan berjumpa lagi dengan artikel selanjutnya.

terima kasih.