qrcodejs二、qrcode-vue 生成二維碼

qrcodejs2用於生成不帶Logo的二維碼

import QRCode from "qrcodejs2";
new QRCode("qrcode", {
          text: url, // 二維碼內容
          width:  width,
          height: height,
          render: "table" // 設置渲染方式（有兩種方式 table和canvas，默認是canvas）
          // background: '#f0f'
          // foreground: '#ff0'
        });

qrcode-vue 用於生成帶Logo的二維碼（這裏的Logo  必須是require進來的本地路徑）

import qrcodeVue from "qrcode-vue";

        <qrcode-vue 
          :size="qrdata.size"
          :value="qrdata.qrUrl"
          :logo="qrdata.logo"
          :bgColor="qrdata.bgColor"
          :fgColor="qrdata.fgColor"
        ></qrcode-vue>