使用 qrcodejs2
首先:
npm install --save qrcodejs2复制代码
然后在需要生成的相关页面:
import QRCode from 'qrcodejs2' methods:{ // 动态生成二维码 qrcode () { let qrcode = new QRCode('qrcode', { width: 200, // 设置宽度,单位像素 height: 200, // 设置高度,单位像素 text: 'https://www.baidu.com' // 设置二维码内容或跳转地址 }) } }, created () { this.$nextTick(() => { this.qrcode() }) }复制代码
html:
复制代码二维码:
需要注意的点
在created里面调用的时候,要放在 this.$nextTick 回调函数里面调用,不然会报错误:Error in created hook: "TypeError: Cannot read property 'appendChild' of null"复制代码