vue 使用QRcode生成二维码或在线生成二维码
2024-10-07 22:29:02
参考:https://blog.csdn.net/zhuswy/article/details/80267748
1.安装qrcode.js
npm install qrcodejs2 --save
2.页面中引入
import QRCode from 'qrcodejs2'
3.页面使用
<div id="qrcode" ref="qrcode"></div>
methods:{
qrcode () {
let qrcode = new QRCode('qrcode', {
width: 232, // 设置宽度
height: 232, // 设置高度
text: 'https://baidu.com'
})
}
}
/*
@ 在需要调用的地方 这样必须这样调用 否则会出现 appendChild null 就是id为qrcode的dom获取不到 返回结果为null
*/
this.$nextTick (function () {
this.qrcode();
})
更简单直接的方法:
src = "http://qr.topscan.com/api.php?bg=ffffff&fg=000000&text=" + code; //code为券码
最新文章
- lydsy 2600(二分+中位数前缀和)米仓
- 技术文档--studio技术文档
- POJ2699 The Maximum Number of Strong Kings
- fatal error C1083: 无法打开包括文件:&ldquo;stddef.h&rdquo;: No such file or directory
- Node.js前端自动化工具:gulp
- Java基础(40):Java中的集合介绍---Collection与Map
- Entity Framework 学习初级篇--EntityClient(转)
- android数据存储之Sqlite(一)
- 启动tomcat的 startup.bat屏幕一闪而过
- PHP学习笔记三
- Unity灯光详解
- JS前端的分享功能
- oracle 11g 完全卸载方法
- 基于文本图形(ncurses)的文本搜索工具 ncgrep
- Java动态代理(一)
- SSH实现登陆拦截器
- Vue源码学习(一)———数据双向绑定 Observer
- [UE4]Visiblity、Render Opacity
- openssl、x509、crt、cer、key、csr、ssl、tls process
- Git 分支(分布式版本控制系统)