Vue生成二维码

利用qrcodejs来实现二维码

步骤一：安装二维码打印的插件

npm install qrcodejs2 --save

步骤二：在需要生成二维码的界面引入二维码生成模块

import QRCode from "qrcodejs2";

qrcode() {//这里是调用的方法
      let qrcode = new QRCode("qrcode", {
        width: 232, // 设置宽度
        height: 232, // 设置高度
        text: "https://baidu.com"
      });
    }
//以下是data中的数据
      downloadButton: false,
      configs: {
        value: "https://baidu.com",
        imagePath: "/static/1560242161(1).png",
        filter: "color"
      },

步骤三：在页面中使用

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

步骤四：通过函数进行调用

 this.$nextTick(function() {
 this.qrcode();
});