vue2结合qrcanvas生成二维码

一. npm安装

 npm install qrcanvas

二. 在用的页面引入

import { qrcanvas } from 'qrcanvas';

三. html

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

四.script

this.$nextTick(()=> {
    var canvas = qrcanvas({
        data: "ha,ha", //二维码内容
        size:128 //二维码大小
    });
    document.getElementById("qrcode").innerHTML = '';
    document.getElementById('qrcode').appendChild(canvas);
 })

就这样,完了!!!

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页