【vue】npm引进 QRCode 二维码生成器

1.安装qrcodejs2
控制台输入：
npm install --save qrcodejs2
2.在vue文件引入
import QRCode from ‘qrcodejs2’
3.编写代码
前端

<div class="qrcode" ref="qrCodeUrl" :style="qrcodeSS != null? 'opacity:1':'opacity:0.5'"></div>

js代码

new QRCode(this.$refs.qrCodeUrl, {text: '网址/文字都可以', // 需要转换为二维码的内容width: 100, // 二维码宽度height: 100, // 二维码高度colorDark: '#000000',// 二维码颜色colorLight: '#ffffff', // 二维码背景correctLevel: QRCode.CorrectLevel.H //纠错等级容错级别，可设置为：QRCode.CorrectLevel.L、QRCode.CorrectLevel.M、QRCode.CorrectLevel.QQRCode.CorrectLevel.H})

【vue】npm引进 QRCode 二维码生成器相关推荐

vscode中vue项目，QRCode二维码生成
昨天突然说让我写个简单的二维码生成页面 1.首先肯定要打开我们的项目,然后安装QRCode npm install qrcodejs2 2.然后新建一个文件(比如index.vue) 在文件最上面写上 ...
python pyside2 基于qrcode的库二维码生成器
自学了两天python的pyside2界面制作,因为和matlab app designer很相似所以入手比较快,二维码生成器是基本上手后制作的第一个pyside2小项目,也参考了很多人的文章原本 ...
vue的二维码生成器
vue项目开发的时候经常会遇到需要将一个网址链接转化为二维码的需求,方便用户扫描观看,以下就是我在寻找vue二维码生成器的时候踩过的坑. 不能用的二维码生成器 qrcode node- ...
前端: 如何利用Qrcode制作一个二维码生成器?
玲琅满目的二维码在我们的都市和朋友圈中随处可见, 很多平台都提供了定制二维码的服务, 那么作为一名程序员, 我们如何自己实现一个简单的二维码生成器呢? 接下来笔者就来带大家一起利用Qrcode实现一个 ...
uni-app 二维码生成器
https://github.com/q310550690/uni-app-qrcode uni-app 二维码生成器作者:诗小柒 H5.微信小程序.支付宝小程序.APP,其它平台的小程序没有测试 ...
vue 根据链接生成二维码(功能实现)
今天同事问我一个问题,在vue项目中想要根据一个链接显示对应的二维码该怎么实现. 我前一段时间,有用apicloud项目生成二维码的功能,但是vue版本的没有处理过.百度后找到一个可行的方案: 大神实 ...
Javascript二维码生成器，使用手机扫一扫二维码打开
我们通常在pc端有一些需求,扫码打开网址,在手机上继续操作. 本文旨在介绍一款javascript二维码生成器插件,可以传入一些字符串,或者链接等,生成二维码. 第一步,安装qrcode插件 npm ...
前端Vue H5生成带二维码的分享海报，实现长按保存到手机相册
前端Vue H5生成带二维码的分享海报,实现长按保存到手机相册前言:关于H5分享海报的需求,经常会遇到,通常就是一个分享的二维码+分享文案,生成一张图片,供用户在手机上长按保存到手机,然后就可以将保 ...
vue+qrcodejs2 动态生成二维码并下载
安装依赖 npm install --save qrcodejs2 vue页面引用 <script>import QRCode from 'qrcodejs2'import axios f ...

【vue】npm引进 QRCode 二维码生成器

【vue】npm引进 QRCode 二维码生成器相关推荐

最新文章

热门文章