大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE稳定放心使用
一、生成简单的二维码（不带图片）
1.引入插件
npm install qrcode --save
2.页面中使用
<div id="qrcode" class="erweima"></div>
页面中引入
import QRCode from "qrcodejs2";
methods: {
qrcode() {
this.$nextTick(() => {
let qrcode = new QRCode("qrcode", {
width: 320,
height: 320, // 高度
text: 'http://www.baidu.com', // 二维码内容
render: "canvas", //设置渲染方式（有两种方式 table和canvas，默认是canvas）
background: "#f0f",
foreground: "#ff0",
src: this.img1, //二维码中间的图片
correctLevel: 0 // 容错率
});
});
},
mounted () {
this.qrcode()
}
二、中间带有图片的二维码
1.引入插件
npm install vue-qr --save
2.页面使用
<vue-qr
class="erweima"
:logoSrc="imageSrc" //中间图片地址
text="http://www.baidu.com" //二维码跳转地址
:size="400" //二维码大小
></vue-qr>
<script>
import VueQr from 'vue-qr';
export default {
data () {
return {
imageSrc:'../src/assets/logo.png',
}
},
components: {
VueQr
},
}
</script>
❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)
拿走,不用谢!!!送人玫瑰,手留余香
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/186420.html原文链接：https://javaforall.net
