在vue2中实现二维码生成

1. 安装依赖：

npm i qrcode —save

2. 在使用的vue页面的script导入组件：

import Vue from "vue"import QRCode from "qrcode"Vue.use(QRCode)

3. 在template添加生成二维码区域的代码：

<canvas id="canvas"></canvas> 4. 编写生成二维码的方法：

useqrcode(){  
var canvas=document.getElementByld("canvas");  
// 调用函数去生成二维码，参数依次为：二维码的容器、要生成的内容、回调函数 QRCode.toCanvas(canvas,"http://www.baidu.com",function(error){  
if(error){  
console.error(error); }else{  
console.log("success!"); } });

5.5. 在mounted生命周期挂载生成二维码的方法

mounted(){    
    this.useqrcode()}