vue 使用qrcodejs2生成二维码

安装依赖

npm i qrcodejs2

组件中定义一个装载二维码的节点

<div ref="qrCodeDiv"></div>

引入生成二维码库

import QRCode from 'qrcodejs2'

生成二维码

created() {
 this.$nextTick(() => {
   new QRCode(this.$refs.qrCodeDiv, {
    text: 'https://yuchengkai.cn/docs/frontend/#typeof', //服务端返回
    width: 270,
    height: 270,
    colorDark: '#333333', //二维码颜色
    colorLight: '#ffffff', //二维码背景色
    correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H
    })
  })
}