一、下载依赖包
npm install qrcodejs2 --save
二、 在组件里面引入
import QRCode from 'qrcodejs2'
components: {
QRCode
},
三、html中写入如下
<div id="qrcode" ref="qrcode"></div>
四、执行函数
// 等demo渲染完再显示二维码
this.$nextTick(() => {
this.qrcode()
})
qrcode () {
let qrcode = new QRCode('qrcode',{
width: 200, // 设置宽度,单位像素
height: 200, // 设置高度,单位像素
text: this.code // 设置二维码内容或跳转地址
})
},
小功告成啦!!!!