当前位置: 首页 > 工具软件 > QRCanvas > 使用案例 >

vue2结合qrcanvas生成二维码

鲁城
2023-12-01

一. 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);
 })

就这样,完了!!!

 类似资料: