vue-qr生成二维码并实现下载

npm install vue-qr --save

import VueQr from "vue-qr";

components: {

    VueQr,

  },
<vue-qr

          ref="Qrcode"

          :text="qrText"

          :margin="10"

          :size="200"

        >

  </vue-qr>

// 下载

downloadImgQr() {

      const iconUrl = this.$refs.Qrcode.$el.src;

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

      let event = new MouseEvent("click");

      a.download = "二维码";

      a.href = iconUrl;

      a.dispatchEvent(event);

    },