/ src / components / Tag.vue
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>