博客
关于我
在vue项目中使用qrcodesjs2生成二维码
阅读量:336 次
发布时间:2019-03-04

本文共 697 字,大约阅读时间需要 2 分钟。

最近写项目遇到一个需求需要生成二维码,看了一下项目中生成二维码使用的都是qrcodesjs2,而且操作比较简单。在这里简单记录一下

安装

npm i qrcodejs2 -S

html

项目中需要打印多个二维码,而且这样更加通用无论打印单个还是多个都可以

js

// 生成二维码   printTwoCode(width) {          for (let j in this.qrcode) {              let code = this.qrcode[j]; // 二维码内容           new QRCode(this.$refs[`${     this.qrcode[j]}`][0], {                  text: code,               render: 'canvas',               width: width,               height: width,               colorDark: '#000000',               colorLight: '#ffffff'           });       }   },

清除

for (let j in this.qrcode) {          this.$refs.qrcode[j][0].innerHTML = ''  }

使用

this.$nextTick(() => {        this.printTwoCode(130); });

转载地址:http://megh.baihongyu.com/

你可能感兴趣的文章
nginx反向代理
查看>>
Nginx反向代理
查看>>
nginx反向代理、文件批量改名及统计ip访问量等精髓总结
查看>>
Nginx反向代理与正向代理配置
查看>>
Nginx反向代理及负载均衡实现过程部署
查看>>
Nginx反向代理和负载均衡部署指南
查看>>
Nginx反向代理是什么意思?如何配置Nginx反向代理?
查看>>
nginx反向代理解决跨域问题,使本地调试更方便
查看>>
nginx反向代理转发、正则、重写、负摘均衡配置案例
查看>>
Nginx反向代理配置
查看>>
Nginx启动SSL功能,并进行功能优化,你看这个就足够了
查看>>
nginx启动脚本
查看>>
Nginx和Tomcat的区别
查看>>
Nginx在Windows上和Linux上(Docker启动)分别配置基本身份认证示例
查看>>
Nginx在Windows下载安装启动与配置前后端请求代理
查看>>
Nginx在开发中常用的基础命令
查看>>
Nginx基础知识点与使用场景梳理
查看>>
Nginx多域名,多证书,多服务配置,实用版
查看>>
nginx如何实现图片防盗链
查看>>
Nginx学习总结(10)——Nginx前后端分离将多个请求转发到多个Tomcat,负载均衡反向代理
查看>>