使用qrcode.js将URL转化为二维码图片

最新推荐文章于 2024-08-13 21:31:15 发布

zxuanxuanz

最新推荐文章于 2024-08-13 21:31:15 发布

阅读量7k

点赞数

分类专栏：技巧 vue vue插件使用文章标签： qrcode 二维码生成

本文链接：https://blog.csdn.net/qq_40542728/article/details/91492738

版权

技巧同时被 3 个专栏收录

22 篇文章 3 订阅

订阅专栏

vue

11 篇文章 0 订阅

订阅专栏

vue插件使用

7 篇文章 0 订阅

订阅专栏

1.下载qrcode.js并引入

2.绑定容器

<!-- 二维码容器 -->
<div class="erweima" id="qrcode" style="width: 210px;margin:15px auto">
</div>

3.生成二维码

 qrcode(){
       let that = this;
	   let qrcode = new QRCode('qrcode', { // qrcode为容器ID
	   width: 210,         // 宽度
	   height: 210,        // 高度
	   text:  'http://www.download.com',   // 二维码内容即 URL
	   // render: 'canvas' ,   // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
	   // background: '#f0f',   // 背景色
	   // foreground: '#ff0'    // 前景色
})

4.参考链接

https://www.jianshu.com/p/ee7f113e04eb（js引入）

https://segmentfault.com/a/1190000011191023（vue项目中使用（npm下载））