在构建vue项目中,如果需要把一个链接或者一串数字生成一个二维码供用户扫描使用,我们通常会用到jquery.qrcode.min.js这个js库,并配合jquery一并使用。在npm中我们无法直接下载安装这一依赖,因此需要我们在vue项目文件中下载静态文件引入进行使用。
2)在项目main.js中引入jquery.qrcode.min.js
// 引入jquery.qrcode import qrcode from './assets/js/jquery.qrcode.min.js' Vue.prototype.qrcode = qrcode
3)在需要使用的地方使用
// 生成二维码 $("#target").qrcode({ text: 'qrcode信息', width: 120, height: 120 });生成的二维码是canvas绘制,会挂载在标签$('#target')下。