VUE生成二维码(qrcodejs2)
【代码】VUE生成二维码(qrcodejs2)
·
1.下载qrcodejs2
npm ``install` `--save qrcodejs2
2.所需页面导入qrcodejs2
import QRCode from 'qrcodejs2'
3.添加到页面元素中
添加到页面
<div class="qrcode" ref="qrCodeUrl"></div>
注册方法
methods: {
creatQrCode() {
var qrcode = new QRCode(this.$refs.qrCodeUrl, {
text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容
width: 100,
height: 100,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
})},
},
加载后运行
mounted() {
this.creatQrCode();
},
};
更多推荐
已为社区贡献3条内容
所有评论(0)