Hallo sahabat Dumetschool, ada yang tahu barcode itu apa sih? jika sahabat belum tahu tentang barcode. Barcode adalah sebuah bentuk pola geometric yang pada umumnya seperti garis-garis tegak lurus atau vertikal. Untuk fungsi barcode sendiri sering kita lihat dipakai memindai sebuah produk yang ada pada label.Barcode saat ini memiliki 2 bentuk yaitu :

  • barcode 1 dimensi atau barcode batang adalah data yang terbentuk sesuai lebar garis serta spasi tiap garisnya
  • barcode 2 dimensi atau yang biasa disebut QR barcode adalah sejenis data matrik , saat ini hampir banyak digunakan karena sangat mudah dipakai atau cepat dalam membaca data yang tersimpan.

Contoh-barcode

Baiklah dalam kasus ini kita akan membuat barcode batang atau barcode linear, bagaimana cara membuatnya yuuk simak langkah-langkah berikut ini:

Langkah pertama buat file HTML lalu ketikkan code berikut ini:

Code diatas ada beberapa library yang disisipkan seperti VueJS, Bootstrap, dan plugin Vue-Barcode, pada form select digunakan untuk mengatur tinggi barcode.

Lalu jangan lupa tambahkan code dari javascript seperti dibawah ini:

sekarang coba running pada browser masing-masing maka akan seperti tampilan dibawah ini

Cara-Membuat Barcode Menggunakan VueJS

Demikian tutorial tentang cara membuat barcode dengan VueJS, semoga bermanfaat dan selamat mencoba

terima kasih