如何在vue项目中生成二维码(qrcode.js)并下载(中间不带logo)

安装qrcode包

1.npm install qrcodejs2 --save
2. 在你需要用到二维码的页面引入 import QRCode from ‘qrcodejs2’

二维码代码

我的操作逻辑是将二维码放在一个dialog里，点击打开二维码的按钮，弹出对话框 显示二维码，以下是代码：

<el-button type="primary" icon="el-icon-s-grid" @click="show_qrcode(scope.row.name)" :disabled="scope.row.staticQrcodeAuth == 'disable'"></el-button>
<!--这里的disable是项目要求,如果开了显示二维码开关就显示，否则就不显示，可以用v-show 或 v-if实现，看项目具体要求。@click里的scope.row.name是为了下面 拼接 二维码的url用的-->

<!--dialog存放二维码-->
<el-dialog
  width="30%"
  :before-close="handleClose"