在 vue 中
一：安装 qrcode-vue 组件
npm install --save qrcode.vue
import QrcodeVue from 'qrcode.vue';
在工程项目中，于组件同样的方式引入、注册
标签： <qrcode-vue :value="value" :size="size" level="H" id="qrcode"></qrcode-vue>
Component props：
value ： 网址链接
size：大小（单位 px）
level：容错级别
具体参考：https://github.com/scopewu/qrcode.vue/blob/HEAD/README-zh_cn.md
在常规项目中
##一：引入 QRCode.js
下载: http://davidshimjs.github.io/qrcodejs/
引入: <script src="qrcode.js"></script>
##二：调用
// 简单
let qrcode = new QRCode(document.getElementById('qrcode'), 'your content');
// 设置参数
let qrcode = new QRCode(qrcode , {
text: 'your content',
width: 256,
height: 256,
colorDark : '#000000',
colorLight : '#ffffff',
correctLevel : QRCode.CorrectLevel.H
});
// 使用 API
qrcode.clear(); //清除二维码内容
qrcode.makeCode('new content'); //设置二维码内容
具体参考：http://davidshimjs.github.io/qrcodejs/
点击下载二维码
saveImg （）{
//找到canvas标签
let cvs= document.getElementById('qrcode').getElementsByTagName('canvas');
//创建一个a标签节点
let a = document.createElement("a")
//设置a标签的href属性（将canvas变成png图片）
a.href = cvs[0].toDataURL('image/png').replace('image/png', 'image/octet-stream')
//设置下载文件的名字
a.download = "qrcode.png"
//点击
a.click()
} 