vue使用qrcode生成二維碼，能夠自定義大小

1，qrcanvas-vue插件，https://gera2ld.github.io/qrcanvas-vue/#logo。只支持像素大小的二維碼



2，qrcode支持移動端自定義大小二維碼


"qrcode": "^1.2.2",

import QRCode from 'qrcode';

<div class="qrcode_box">
  <canvas class="qrcode"></canvas>
</div>

_this.urlData爲請求過來的url地址

渲染：

var canvas = document.querySelector('canvas')
QRCode.toCanvas(canvas, this.urlData)

css:

生成二維碼以後在canvas標籤裏有style樣式（單位爲px），!important的層級比style要高，實現自定義大小

.qrcode_box{  width: 4rem!important;  height: 4rem!important;  margin:rem(40) auto 0;  .qrcode{    width: 4rem!important;    height: 4rem!important;  }}