使用 qrcodejs2 生成二维码详细API和参数

使用 qrcodejs2 生成二维码

安装 qrcodejs2

cnpm install qrcodejs2 --save

使用 qrcodejs2

页面引入

import QRCode from 'qrcodejs2'

页面标签

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

可以使⽤ id 或者 ref，建议使⽤ ref，因为使⽤ vue 框架控制虚拟 Dom 才是正确的选择简单⽅便

1.  
   createQRcode(WIDTH, id, text) {
2.  
   // 重复创建二维码会，之前的二维码还在，新创建的会被接在下面
3.  
   // 此行代码是为了解决以上问题 或者 刷新二维码的时候生成多个二维码的问题
4.  
   if(this.$refs.qrcode) this.$refs.qrcode.innerHTML = ""
5.  
   let long = document.documentElement.clientWidth * (WIDTH / 375)
6.  
   new QRCode(id, {
7.  
   width: long,
8.  
   height: long,
9.  
   text: text,
10.  
    correctLevel : QRCode.CorrectLevel.L
11.  
    });
12.  
    // correctLevel 容错级别，可设置为：
13.  
    // QRCode.CorrectLevel.L
14.  
    // QRCode.CorrectLevel.M
15.  
    // QRCode.CorrectLevel.Q
16.  
    // QRCode.CorrectLevel.H
17.  
    // L - M - Q - H 码密度越来越高，默认不设置是用 H
18.  
    },
19.  
    // this.createQRcode(132, `qrcode`, `${this.DOMAIN}`);

参数说明

new QRCode(element, option)

Options

Events

资源 

qrcodejs2 - npmJavsacript QRCode for all browsers. Latest version: 0.0.2, last published: 7 years ago. Start using qrcodejs2 in your project by running `npm i qrcodejs2`. There are 166 other projects in the npm registry using qrcodejs2.https://www.npmjs.com/package/qrcodejs2

这篇好文章是转载于：学新通技术网