
vue 生成 二维码 qrCode 插件 使用 方法
发布日期:2021-05-08 23:40:50
浏览次数:19
分类:技术文章
本文共 837 字,大约阅读时间需要 2 分钟。
首先安装方法:(--save 参数会改变package.json 推荐使用 下次直接install就行了)
npm install --save qrcode
然后项目使用:
import QRCode from 'qrcode'
然后使用方法:
html 使用 -
// index.js -> bundle.jsvar 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 promisesQRCode.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) }}
发表评论
最新留言
很好
[***.229.124.182]2025年04月28日 01时25分21秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
kubernetes1.5.2集群部署过程--非安全模式
2025-04-03
Kubernetes下容器化应用部署实战
2025-04-03
Kubernetes中间件容器化工具Operator详解
2025-04-03
Kubernetes健康检查与探测机制详解
2025-04-03
Kubernetes入门实验:namespace
2025-04-03
Kubernetes入门:构建和管理容器化应用的强大工具
2025-04-03
Kubernetes包管理工具Helm详解
2025-04-03
Kubernetes单master节点高可用集群安装
2025-04-03
Kubernetes原理详解
2025-04-03
Kubernetes原生的CICD工具Tekton详解
2025-04-03
Kubernetes多master节点高可用集群安装
2025-04-03
Kubernetes存储之Persistent Volumes简介
2025-04-03
Kubernetes学习总结(11)—— Kubernetes Pod 到底是什么?
2025-04-03
Kubernetes学习总结(12)—— 学习 kubernetes 的10个技巧或建议
2025-04-03
Kubernetes学习总结(13)—— Kubernetes 各个组件的概念
2025-04-03
Kubernetes学习总结(14)—— Kubernetes 实用命令总结
2025-04-03