qrcode 生成二维码（jQuery、vue）

一.Jquery qrcode 生成二维码

资源下载：jquery.qrcode.min.js

// 使用方式如下
"qrcode">
 
// canvas方式
$('#qryscode').qrcode({
    render: "canvas",
    text: "https://www.baidu.com/",
    width: "150",               // 二维码的宽度
    height: "150",              // 二维码的高度
    background: "#ffffff",      // 二维码的后景色
    foreground: "#000000"       // 二维码的前景色
});
 
// table方式
$('#qryscode').qrcode({
    render: "table",
    text: "https://www.baidu.com/",
    width: "150",               // 二维码的宽度
    height: "150",              // 二维码的高度
    background: "#ffffff",      // 二维码的后景色
    foreground: "#000000"       // 二维码的前景色
});

二、vue中使用qrcode 生成二维码

npm install --save qrcode
 
// 在vue页面
import VueQrcode from 'vue-qrcode';
 
<vue-qrcode  :width="200" :value="qrcodeText"/>
 
qrcodeText: 'https://www.baidu.com/'