大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
这里介绍两种vue生成二维码的方法
QRcode
vue-qr
vue-qr比QRcode功能多在可以在中间加logo
下面先介绍QRcode
vue里安装qrcodejs的npm包
npm install qrcodejs2
import QRCode from ‘qrcodejs2’
methods: { creatQrCode() { var qrcode = new QRCode(this.$refs.qrCodeUrl, { text: ‘xxxx’, width: 100, height: 100, colorDark: ‘#000000’, colorLight: ‘#ffffff’, correctLevel: QRCode.CorrectLevel.H }) }, }
mounted() {
this.creatQrCode();
},
接下来介绍可以带logo的二维码vue-qr
npm安装
npm install vue-qr –save
是不是比qrcode简单的多， 只不过两种生成二维码的样式还是有区别的，各有所爱吧，用哪个都可以
要注意一点，引用的img路径一定要加require
————————————————
原文链接：https://blog.csdn.net/qq_43196107/article/details/89150710
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/186303.html原文链接：https://javaforall.net
![【史上最全】国内外常用精品API接口汇总[时间较久凑合着用吧]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
