QRCode.js：使用 JavaScript 生成二维码(vue中使用)

QRCode.js：使用 JavaScript 生成二维码(vue中使用)

一.什么是 QRCode.js？

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

二.基本用法

1.安装

npm i qrcodejs2

2.小demo

<template>
  <div class="three">
    <div ref="qrcode" class="code"></div>
    
 </div>
  </div>
</template>

<script>
import QRCode from 'qrcodejs2'
export default {
  mounted(){
    // this.$nextTick(()=>{
      new QRCode(this.$refs.qrcode, {
          text:'https://www.tslang.cn/docs/handbook/decorators.html',
          width: 150, //图像宽度        
          height: 150, //图像高度        
      })  
    // })
  },
  
};
</script>
<style lang="less">
.three{
  padding: 30px;
  width:100%;
  height: 100%;
  .code{
    width: 80px;
    height: 80px;
  }
}
</style>

3.浏览器支持

支持该库的浏览器有：IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, 等。