vue生成二维码

因项目需要,需要有一个点击按钮生成二维码的功能,扫码可以获取详细内容,开始搬砖。

本人查找到生成二维码有两种方式

方式一:qrcodeGitHub - davidshimjs/qrcodejs: Cross-browser QRCode generator for javascriptCross-browser QRCode generator for javascript. Contribute to davidshimjs/qrcodejs development by creating an account on GitHub.https://github.com/davidshimjs/qrcodejs

npm i qrcodejs2 --save

所需页面引入        import QRCode from 'qrcodejs2'

方式二:vue-qr 

   https://github.com/Binaryify/vue-qr#readmehttps://github.com/Binaryify/vue-qr#readme

npm i vue-qr --save

所需页面引入        import vueQr from 'vue-qr'

本人用的是qrcode

下面来介绍下qrcode


  
  

这样一看还是挺简单的

可是我要的是点击按钮后有多个二维码,简单只要设置个循环就好了,看代码


  
  

是不是也很简单

你可能感兴趣的:(vue,前端,vue.js,elementui,javascript)