vue项目中,将信息生成二维码的方法
在构建vue项目中,如果需要把一个链接或者一串数字生成一个二维码供用户扫描使用,我们通常会用到jquery.qrcode.min.js这个js库,并配合jquery一并使用。在npm中我们无法直接下载安装这一依赖,因此需要我们在vue项目文件中下载静态文件引入进行使用。1)下载jquery.qrcode.min.js插件2)在项目main.js中引入jquery.qrcode.min.js// 引
·
在构建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')下。
更多推荐
已为社区贡献20条内容
所有评论(0)