Vue项目使用插件生成二维码

1.首先要安装插件

cnpm install --save qrcodejs2

2.在页面中引入

import QRCode from 'qrcodejs2' // 二维码

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

生成二维码的方法

qrcode () {
            let qrcode = new QRCode('qrcode', {  
            width: 232,  // 设置宽度 
            height: 232, // 设置高度
            text: 'https://baidu.com'
  })  

调用这个方法

mounted(){
        // 调用生成二维码方法
        this.$nextTick (function () {
            this.qrcode();
        })
    },

这样就成功了