vue 转二维码

vue 转二维码，使用qrcodejs2插件就能解决。

1. 安装qrcodejs2：

npm install qrcodejs2 --save

2. 在组件里面引入：

import QRCode from 'qrcodejs2'

3. 在HTML加入:

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

4. 方法：

qrcode () {
  this.$refs.qrcode.innerHTML = '' // 清空之前生成的二维码内容
  let qrcode = new QRCode('qrcode',{
   width: 200, // 设置宽度，单位像素
   height: 200, // 设置高度，单位像素
   text: 'https://www.baidu.com' // 设置二维码内容或跳转地址(完整链接)
  })
}

5.调用：

this.qrcode()