1. 程式人生 > >vue2結合qrcanvas生成二維碼

vue2結合qrcanvas生成二維碼

一. npm安裝

 npm install qrcanvas

二. 在用的頁面引入

import { qrcanvas } from 'qrcanvas';

三. html

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

四.script

that.$nextTick(()=> {
    var canvas = qrcanvas({
        data: "ha,ha", //二維碼內容
        size:128 //二維碼大小
    });
    document.getElementById("qrcode").innerHTML = '';
    document.getElementById('qrcode').appendChild(canvas);
 })

就這樣,完了!!!