Vue项目中是使用qrcodejs2插件生成二维码

1、安装qrcodejs2插件，在控制台输入：

npm install qrcodejs2 --save

2、在需要使用的页面中引入：

<div id="qrcode" ref="qrcode"></div><script>
import QRCode from 'qrcodejs2'；
//方法
methods: {//生成二维码qrcode () {let qrcode = new QRCode('qrcode',{width: 170,height: 170,text: this.invoiceInfo.picUrl,                     //内容，二维码地址colorDark: "#000",             //前景色colorLight: "#fff"             //背景色})}}

3、调用

this.$nextTick(() => {this.qrcode()
})

注意：调用的时候必须保证id=“qrcode” ，此DOM为显示状态，否则会出现错误。

Vue项目中是使用qrcodejs2插件生成二维码相关推荐

网页获取微信信息——js使用插件生成二维码（1）
js使用插件生成二维码: 一.安装依赖: npm i qrcodejs2 -S 二.放置二维码的容器,需要给一个ref <div class="QRcodeCon">& ...
利用jquery的qrcode.js插件生成二维码的两种方式的使用
2019独角兽企业重金招聘Python工程师标准>>> 利用jquery的qrcode.js插件生成二维码的额两种方式,canvas(即画布)方式和table方式(原文地址http: ...
vue+qrcodejs2 动态生成二维码并下载
安装依赖 npm install --save qrcodejs2 vue页面引用 <script>import QRCode from 'qrcodejs2'import axios f ...
vue js前端根据所需参数生成二维码并下载
需要一个插件 qrcodejs2, 使用 npm install qrcodejs2 --save 下载该依赖包. 在vue中引入(我这边是vue2).import QRCode from 'qrco ...
vue2 qrcodejs2链接生成二维码
安装qrcodejs模块 npm i qrcodejs2 -S 样式文件 style.css .qrcode {padding-top: 0.21333333rem;padding-bottom: 0 ...
Unity用ZXing插件生成二维码
现在ZXing插件并导入到Unity 中,在场景中加一个RawImage 1.使用ZXing生成二维码的第一种方法,新建脚本命名为QrCodeDraw并挂在RawImage上: using Syste ...
JQuery qrcode插件生成二维码，并转换为image图片可识别
前言插件是基于jquery的,必须先引入jquery再引入qrcode插件 1.引入jquery 和 jQuery qrcode插件引入jq <script src="https: ...
Laravel5中通过SimpleQrCode扩展包生成二维码实例
简介 Simple QrCode 是基于强大的Bacon/BaconQrCode库开发的适用于当前最流行的Laravel框架的一个扩展库.便于Laravel用户可以很方便地使用. 翻译我们在寻找可以 ...
vue中使用qrcode2js插件生成二维码并下载
需求: 本项目基于vue2+antd,在组件外点击按钮弹框,弹框内容见图.点击下载按钮保存二维码实现步骤: 1.安装qrcode2js 插件 npm install qrcodejs2 --save ...

Vue项目中是使用qrcodejs2插件生成二维码

Vue项目中是使用qrcodejs2插件生成二维码相关推荐

最新文章

热门文章