首先安裝qrcodejs2

cnpm install --save qrcodejs2

在需要用到的頁(yè)面

import?QRCode?from?"qrcodejs2";

在頁(yè)面中

? <div?id="qr" ></div>

? <button? @click="savePic"?size="small">保存二維碼<button>

????//二維碼

????qr()?{

??????let?qr?=?new?QRCode("qr",?{

????????width:?195,

????????height:?195,?//?高度

????????text:?this.orderInfo.code_name?//?二維碼內(nèi)容

??????});

????},

????//?保存二維碼

????savePic()?{

??????let?myCanvas?=?document.getElementById("qr").getElementsByTagName("canvas");

??????let?a?=?document.createElement("a");

??????a.href?=?myCanvas[0].toDataURL("image/png");

??????a.download?=?"付款二維碼";

??????a.click();

? ? ? alert("下載成功");

????}