vue(前端) 生成二維碼 npm包管理器

- 下載依賴包
我下載的是qrcode

npm install qrcode --save

- 需要的頁面進行引用

 import QRCode from 'qrcode'

• 使用

<template>
<div class="wrap">
  <div class="cont">
    <canvas id="canvas" ref="canvas"></canvas>
    <div class="text">掃一掃</div>
  </div>
</div>
</template>

<script>
import QRCode from 'qrcode'
export default {
  components: {
    QRCode: QRCode
  },
  mounted() {
    this.show()
  },
  methods: {
    show(data) {
      // console.log(this.$refs)
      QRCode.toCanvas(this.$refs.canvas, '包含的信息', function (error) {
        if (error) console.error(error)
        console.log('success');
      })
    }
  }
}
</script>