vue项目中,将信息生成二维码的方法

在构建vue项目中,如果需要把一个链接或者一串数字生成一个二维码供用户扫描使用,我们通常会用到jquery.qrcode.min.js这个js库,并配合jquery一并使用。在npm中我们无法直接下载安装这一依赖,因此需要我们在vue项目文件中下载静态文件引入进行使用。

1)下载jquery.qrcode.min.js插件

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')下。


猜你喜欢

转载自blog.csdn.net/weixin_37861326/article/details/80362591