Vue前端生成二维码（qrcode）

1.首先安装qrcode

npm install --save qrcodejs2

2.引用

import QRCode from 'qrcodejs2'

3.使用

4.添加样式美化

.qrcode{
    display: inline-block;
    img {
        width: 132px;
        height: 132px;
        background-color: #fff; //设置白色背景色
        padding: 6px; // 利用padding的特性，挤出白边
        box-sizing: border-box;
    }
}