Vue使用QRCode插件，生成二维码

Vue使用qrcode插件，生成二维码

简单的生成二维码：
1.使用vue脚手架工具生成一个vue项目（这不做具体解释，可自己去观看有关视频或者文档）
2.创建一个vue模块QRCode.vue

3.首先再命令窗口或者idea中使用一下代码安装qrcode插件

npm i qrcode --save

4.安装成功会在package.json中增加一下内容

6.然后在模块QRCode.vue编写的内容为

<template>
    <div id="qrCode">
      <div id='code'></div>
      <canvas id="canvas"></canvas>
    </div>
</template>
<style></style>
<script>
  import QRCode from 'qrcode'
    export default{
        data(){
            return {
              msg: 'hello vue',
              codes:''

            }
        },

      components: {
        QRCode: QRCode
      },

      methods: {
        useqrcode(){
          var canvas = document.getElementById('canvas')
          QRCode.toCanvas(canvas, 'https://blog.csdn.net/weixin_42890953/article/details/82776760', function (error) {
            if (error) console.error(error)
            console.log('QRCode success!');
          })
        }
      },

      mounted(){
            this.useqrcode();
      }
    }
</script>

7.在你要加载的地方加载即可显示二维码（后续不在详细解释，若是会用vue后续应该很简单编写）
8.本人的效果展示为如下

9.如需要本人代码可以联系我，如果有错误的地方还望指正，在此表示感谢