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

xiaoxiao2021-02-28  49

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

转载请注明原文地址: https://www.6miu.com/read-2631396.html

最新回复(0)