通过vue插件qrcodejs2生成二维码

1.安装插件

npm install qrcodejs2

2.页面

<!--弹出扫描二维码-->
      <el-dialog
        title="扫码带走"
        :visible.sync="qrCodeDialogVisible"
        width="30%"
        >
           <!--二维码容器-->
           <div id="qrcode" ref="qrcode"></div>
        <span slot="footer" class="dialog-footer">
          <el-button id="qrcodeBtn" plain @click="qrCodeDialogVisible = false">取 消</el-button>
        </span>
      </el-dialog>

//调用
<el-button
                    id="btn"
                    title="扫码"
                    type="text"
                    @click="genQrCode(item)"
                    plain
                    ><img
                      src="../ic