vue 二维码生成qrcodejs2

之前写h5的分享页，所以要生成个二维码方便分享，所以就查到了qrcodejs2这个插件，过了挺长一段时间了，复习一下：

步骤：

1、安装qrcodejs2插件，在控制台输入：

npm install qrcodejs2 --save

2、页面引入——在入口文件（默认是main.js）里引入：

import QRCode from 'qrcodejs2'

3、页面展示：

①：在对应的Html页面中，添加html标签

<div id="qrcode" ref="qrcode"></div>

②：配置，在methods方法里配置：

qrcode() {

      let that = this;

      let qrcode = new QRCode("qrcode", {

        width: 180,

        height: 180,

        text: this.text, // 二维码地址，这里我是用来绑定的

        colorDark: "#000",

        colorLight: "#fff",

      });

    },

*注意：这里我写的是h5界面，所以单位是rem单位的，但这里的单位默认是px，所以在这里的生成的二维码大小，没设太大

③：调用

this.qrcode()；