vue中生成二维码

第一步，
安装qrcodejs2插件

npm install qrcodejs2 --save

第二步
在需要的页面中引入模块 qrcodejs2

import QRCode from 'qrcodejs2'

第三步
html中

 <div id="qrcode">    </div>

第四部，
配置methods方法：

methods：{

 qr_code(){
           var _this = this;
           this.qrcode = new QRCode('qrcode',{
                width: 57,    // 宽
                height:57,    // 高
                text:'我最帅',    // // 设置二维码内容或跳转地址
           }) 
           console.log(qrcode)
        }

}
created(){
   // 如果有报错 chliden null 的错误，那是因为先加载了div，解决方法，延迟加载
   setTimeout(()=> {
             this.qr_code();  //一进来就加载
      },100)      
}
 

ok了，大功告成！
如果有问题，可以加我微信一起讨论，我们一起进步！
屏幕前的你，加油！