vue - 使用qrcodejs2生成二维码

效果图:

vue - 使用qrcodejs2生成二维码_第1张图片
vue - 使用qrcodejs2生成二维码_第2张图片

使用过程如下:

1、安装 qrcodejs2

	npm install  qrcodejs2 --save

2、封装好的二维码组件

    
    
    
style.css文件:
.qrcode {
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}
.qrcode .qrcode_content {
  display: flex;
  justify-content: center;
}

3、要生成二维码的页面

    
    
    

你可能感兴趣的:(vue)