Tag.vue
1 <template lang='pug'> 2 3 div(v-html='tag') 4 </template> 5 6 <script> 7 import qrcode from 'qrcode-generator' 8 9 export default { 10 props: ['d', 'size'], 11 computed: { 12 tag(){ 13 let data = this.d 14 let typeNumber = 0 15 let errorCorrectionLevel = 'L' 16 let qr = qrcode(typeNumber, errorCorrectionLevel) 17 qr.addData(data) 18 qr.make() 19 20 let cellsize 21 if (this.size > 0){ 22 cellsize = this.size 23 } else { 24 cellsize = 4 25 } 26 let margin = 2 27 let tag = qr.createImgTag(cellsize, margin) 28 return tag 29 }, 30 } 31 } 32 33 </script> 34 35 <style lang='stylus' scoped> 36 37 38 </style>