链接vue生成二维码vue项目中使用qrcode生成二维码vue qrcode生成二维码




链接vue生成二维码vue项目中使用qrcode生成二维码vue qrcode生成二维码

2022-07-21 2:26:48 网络知识 官方管理员

安装qrcode

npminstallqrcode-s

使用

1.在你需要的文件中引入:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(1)

2.定义一个canvas:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(2)

3.定义一个方法:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(3)

useqrcode(){letcanvas=document.getElementById("canvas");QRCode.toCanvas(canvas,`https://mjuruankai.com/#/article/${this.id}`,{toSJISFunc:QRCode.toSJIS},function(error){if(error)console.error(error);console.log("success!");});}

4.在某个时期调用,我是在获取文章后:

链接vue生成二维码(vue项目中使用qrcode生成二维码)(4)

发表评论:

最近发表
网站分类
标签列表