首先安装方法:(--save 参数会改变package.json 推荐使用 下次直接install就行了)
npm install --save qrcode
然后项目使用:
import QRCode from ‘qrcode‘
然后使用方法:
html 使用 -
<!-- index.html --> <html> <body> <canvas id="canvas"></canvas> <script src="bundle.js"></script> </body> </html>
// index.js -> bundle.js var QRCode = require(‘qrcode‘) var canvas = document.getElementById(‘canvas‘) QRCode.toCanvas(canvas, ‘二维码内容xxxxxx‘, function (error) { if (error) console.error(error) console.log(‘success!‘); })
var QRCode = require(‘qrcode‘) QRCode.toDataURL(‘二维码内容xxxxxx!‘, function (err, url) { console.log(url) })
1.异步方式
import QRCode from ‘qrcode‘ // With promises QRCode.toDataURL(‘二维码内容xxxxxx!‘) .then(url => { console.log(url) }) .catch(err => { console.error(err) })
2.同步方式
// With async/await
let text = ‘xxxxxxxx‘; const generateQR = async text => { try { console.log(await QRCode.toDataURL(text)) } catch (err) { console.error(err) } }
原文:https://www.cnblogs.com/Human-nature/p/10952519.html