博客
关于我
在vue项目中使用qrcodesjs2生成二维码
阅读量:331 次
发布时间: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/

你可能感兴趣的文章
SQLServer 查看耗时较多的SQL语句(转)
查看>>
【Spring注解驱动开发】组件注册-@ComponentScan-自动扫描组件&指定扫描规则
查看>>
【Mycat】Mycat核心开发者带你看尽Mycat三大核心配置文件
查看>>
元旦在家撸了两天Seata源码,你们是咋度过的呢?
查看>>
高并发场景下如何优化服务器的性能?
查看>>
数据结构与算法系列之目录
查看>>
【计算机网络】应用层
查看>>
【英语】小作文
查看>>
【Markdown】公式指导手册
查看>>
【Maven】POM基本概念
查看>>
【Java思考】Java 中的实参与形参之间的传递到底是值传递还是引用传递呢?
查看>>
【设计模式】单例模式
查看>>
【SpringCloud】Hystrix熔断器
查看>>
【SpringCloud】Gateway新一代网关
查看>>
【Linux】2.3 Linux目录结构
查看>>
java.util.Optional学习笔记
查看>>
详解SpringBoot(2.3)应用制作Docker镜像(官方方案)
查看>>
远程触发Jenkins的Pipeline任务的并发问题处理
查看>>