vue快速生成二维码

第一步 下载插件
　　cnpm install --save qrcodejs2
　　npm install --save qrcodejs2
　　yarn add qrcodejs2

　　

第二步 在组件中使用
<template>
  <div class="qrcode_box">
    <div id="qrcode"></div>
  </div>
</template>

<script>
import { url} from '@/utils/config'
import QRCode from 'qrcodejs2' // 引入qrcode
export default {
  data() {
    return {}
  },
  mounted() {
    this.qrcode()
  },
  methods: {
    qrcode() {
      const link = url + location.search //引入二维码的地址
      console.log(link, 'link')
      const qrcode = new QRCode('qrcode', {
        width: 100,
        height: 100,
        text: link, // 二维码地址
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.qrcode_box {
  width: 100px;
  height: 100px;
}
</style>