Vue开发跨端应用（七）添加生成二维码

二维码组件：QRCode

npm i qrcode -s

这里需要注意的是不能放在 created 事件里面，需要放在 mounted事件

var QRCode = require('qrcode')

mounted: function () {QRCode.toDataURL('222', {errorCorrectionLevel: 'H'}, function (err, url) {document.getElementById('imgSrc').src = url;})
}

通过QRCode生成base64资源，再赋值给img即可

Vue开发跨端应用（七）添加生成二维码相关推荐

vue js前端根据所需参数生成二维码并下载
需要一个插件 qrcodejs2, 使用 npm install qrcodejs2 --save 下载该依赖包. 在vue中引入(我这边是vue2).import QRCode from 'qrco ...
Vue项目中是使用qrcodejs2插件生成二维码
1.安装qrcodejs2插件,在控制台输入: npm install qrcodejs2 --save 2.在需要使用的页面中引入: <div id="qrcode" re ...
vue使用 vueQr，html2canvas 实现批量生成二维码并合成海报
开始 npm install vue-qr --save // 安装依赖//使用// 1. 页面引入组件import vueQr from "vue-qr";components: ...
vue qrcodejs2生成二维码实现手机APP扫码进行web网页登录
在vue中使用 qrcodejs2 1.安装 npm install qrcodejs2 --save 2.引入 import QRCode from "qrcodejs2" 3 ...
Vue+element-ui上传logo图片到后端生成二维码展示到页面
Vue+element-ui上传logo图片生成二维码展示到页面该文章将介绍如何通过前端上传二维码logo图片在后台生成二维码,并将生成的二维码转换成Base64编码返回给前端在页面展示,用户扫码二 ...
C++/QT生成二维码和扫瞄二维码
C++生成二维码和扫瞄二维码一. 创建工程项目二 .QRCODE库三. 添加生成二维码库四. 生成二维码和复制二维码实现五. 添加扫码二维码库六. 扫码二维码代码实现七. 测试八. 打 ...
vue-qr生成二维码
一:安装 npm install vue-qr --save 二:导入项目在main.js中导入即可全局使用三:项目中使用 logoSrc为在二维码中间实现的logo图片,text为要生成的二维码 ...
js实现将链接生成二维码，并对生成的二维码转换为图片，右击可保存至本地
在vue项目中,实现将链接生成二维码:可识别跳转,将生成的二维码可转换成图片,并可保存至本地.具体操作步骤如下: 1.安装及引用首先,实现这个功能需要使用QRCode和html2canvas,所以在 ...
【vue+pc端】实现微信扫码登录pc端，后端通过微信开发平台，前端生成二维码（仅供参考）
这两周的需求是通过微信扫码登录pc端,刚定下需求原型图还没出来前,后端特意发了微信开发平台的链接给我,关于如何生成二维码的文档,以及扫码跳转后如何传code给他. 请戳这里准备工作|微信开放文档我最 ...

Vue开发跨端应用（七）添加生成二维码

Vue开发跨端应用（七）添加生成二维码相关推荐

最新文章

热门文章