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, 等。