1、下载依赖
npm install qrcodejs2 --save
2、引入依赖
import QRCode from 'qrcodejs2'
3、html中代码定义盒子
<!-- 放置接收二维码盒子 -->
<div class="qrcode" ref="qrCodeUrl"></div>
4、二维码制作
creatQrCode() { // 在这个方法里写二维码的东西
new QRCode(this.$refs.qrCodeUrl, {
text: 'https://cn.vuejs.org/guide/essentials/lifecycle.html#lifecycle-diagram', // 需要转换为二维码的内容
width: 180,
height: 180,
colorDark: '#000000', // 二维码得颜色
colorLight: '#ffffff', // 二维码底色
})
},
5、调用该方法
this.creatQrCode()