一、生成简单的二维码（不带图片）
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￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)

拿走,不用谢!!!送人玫瑰,手留余香