前言

项目中需要一个链接转二维码的功能，找了一下决定使用QRCode.js（很久以前的插件了）

下载引入1.

<div id="qrcode" ref="qrcode"></div>

// 下载
npm install --save qrcodejs2
// 在需要的文件页面中引入
import QRCode from 'qrcodejs2'

使用2.

// aa() 是你需要在哪里使用就调用 qrcode()
aa(){this.$nextTick(() => {this.qrcode(链接)})
}// 定义一个函数 生成二维码qrcode (text) {const qrcode = new QRCode('qrcode', {width: 132,height: 132,text: text, // 二维码地址colorDark: '#000',colorLight: '#fff'})return qrcode}// 如果是在弹框里面使用的话，关闭之后要清除二维码，否则会再次生成一个this.$refs.qrcode.innerHTML = '' // 清除

中间加图片3.

QRCode.js中没有中间加图片的方法，可以放一张图片定位在二维码中间（我是这样做的扫码测试了没有问题，哈哈！）

ps:有问题可以评论留言，欢迎各位大佬提出你们宝贵的意见&&建议，觉得本文对你有帮助还请留下您的 “大拇指”，以示鼓励和支持！

vue 中使用 QRCode.js 链接转二维码带中间图片相关推荐

H5案例分享：jquery.qrcode.js生成简易二维码
近期做项目需要生成二维码,并且解码获取信息,jquery.qrcode.js生成二维码比较的方便,写个教程分享给大家.欢迎大家测试留言,我会改进代码. 现在二维码越来越流行啦,支付扫二维码,关注扫二维 ...
原生js链接转二维码
1.下载jquery.qrcode.min.js文件,文件内容如下: (function(r){r.fn.qrcode=function(h){var s;function u(a){this.mod ...
利用jquery的qrcode.js插件生成二维码的两种方式的使用
2019独角兽企业重金招聘Python工程师标准>>> 利用jquery的qrcode.js插件生成二维码的额两种方式,canvas(即画布)方式和table方式(原文地址http: ...
Vue+Element-Ui项目中使用qrcodejs2将链接生成二维码
1. 下载安装包 npm i qrcodejs2 -S 2. 在要生成二维码的页面或组件内导入qrcodejs2 import QRCode from "qrcodejs2"; 3 ...
jquery二维码生成插件jquery.qrcode.js在线生成二维码
一代巨匠金庸先生驾鹤西去,谢谢您的作品,陪我度过儿时的时光 –2018.10.31 一.场景再现由于业务需求,经常会将访问链接分享给别人,方便其他客户访问我们的业务.在本周的需求中,我们需要根据地址 ...
jquery二维码生成插件jquery.qrcode.js，生成二维码并下载
下载插件: 在GitHub上,下载qrcode二维码插件: https://github.com/jeromeetienne/jquery-qrcode Vue项目可直接通过node.js安装:npm ...
qrcode.js生成微信二维码
①安装qrcodejs2 npm install qrcodejs2 --save ②在页面中引入 import QRCode from "qrcodejs2" ③在html中设置 ...
JS链接转换为二维码
这里用到一个JQ插件 qrcode.js 下载地址https://github.com/jeromeetienne/jquery-qrcode 先引入 <script src="j ...
使用qrcode.js生成网址二维码
话不多说,直接上代码: <!DOCTYPE html> <html lang="zh-CN"><head><meta charset=&q ...

vue 中使用 QRCode.js 链接转二维码带中间图片

前言

下载引入1.

使用2.

中间加图片3.

vue 中使用 QRCode.js 链接转二维码带中间图片相关推荐

最新文章

热门文章