前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >二维码生成 qrocde使用

二维码生成 qrocde使用

作者头像
yangdongnan
发布2019-04-19 11:45:33
5590
发布2019-04-19 11:45:33
举报
文章被收录于专栏:日常记录日常记录
npm install qrcode2

代码:

代码语言:javascript
复制
// template
    <div id="qrcode"></div>
// css
   #qrcode {
			margin: auto;
			width: 442px;
			height: 442px;
		}     
// script
    import QRCode      from 'qrcode2'
    
    new QRCode(document.querySelector('#qrcode'), {
					text: 'www.baidu.com',  //此处为字符串
					width: document.querySelector('#qrcode').offsetWidth, 
					height: document.querySelector('#qrcode').offsetHeight,
					colorDark : "#000000",
					colorLight : "#ffffff",
					correctLevel : QRCode.CorrectLevel.H
				})

vue 使用中

ps: 需要在 mounted 之后调用生成方法

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019年04月12日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • npm install qrcode2
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档