vue+vue-qr生成带logo的二维码并自动下载

1.安装 vue-qr组件：

yarn vue-qr --save
或者
npm install vue-qr --save

2.页面挂载使用：（也可以在main.js全局挂载）

单页面引入:

import vueQr from 'vue-qr';
export default {
   
	components: {
   
		vueQr
	},
}

3.全局挂载引入:

import VueQr from 'vue-qr'
new Vue({
   
    components: {
   VueQr}
})

4.案列代码
4.1使用vue-qr并绑定ref，利用每条数据的id做区分

<template>
  <div class="row wraps">
    <div
      class="column center"
      style="margin:12px;"
      v-for="(row, index) in qrcodeList"
      :key="index"
    >
      <vue-qr
        :ref