首页 > 其他 > 详细

vue qrCode 使用方法

时间:2019-05-30 23:27:22      阅读:1048      评论:0      收藏:0      [点我收藏+]

首先安装方法:(--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!‘);
})

 

NodeJS

var QRCode = require(‘qrcode‘)
 
QRCode.toDataURL(‘二维码内容xxxxxx!‘, function (err, url) { console.log(url) })

 

ES6/ES7

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)
  }
}

 

 

 

 

 

 

 

 

vue qrCode 使用方法

原文:https://www.cnblogs.com/Human-nature/p/10952519.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!