vue链接转二维码_vue二维码识别

vue链接转二维码_vue二维码识别安装npminstallqrcodejs2–save引入<template><divid="qrcode"ref="qrcode"></div></template><scrip

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

安装

npm install qrcodejs2 --save
或者
npm install qrcode2 --save

两个工具包都是可以的

引入

<template>
	<div id="qrcode" ref="qrcode"></div>
</template>
<script>
	import QRCode from 'qrcodejs2'
	//import QRCode from 'qrcode2'
	export default {
		components: {QRCode},
		methods:{
			qrcodeScan () {//生成二维码
			  let qrcode = new QRCode('qrcode', {  
			      width: 200,  // 二维码宽度 
			      height: 200, // 二维码高度
			      text: 'https://mp.csdn.net'
			  })  
			},
		},
        mounted() {
   		   this.qrcodeScan();    // 注:需在mounted里触发qrcodeScan函数
   	    }
	}
</script>

备注:
在Uncaught Error: code length overflow情况下,创建时添加属性
correctLevel: 3就可以了

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/196655.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Android实战——ShareSDk的使用,实现一键分享微信好友、朋友圈、QQ

    Android实战——ShareSDk的使用,实现一键分享微信好友、朋友圈、QQShareSDk的使用,实现一键分享微信好友、朋友圈、QQ事先说明:ShareSDK默认QQ可以分享,微信分享则需要在微信的开放平台上认证并申请应用填入对应信息即可微信认证和申请应用涉及到打包和签名APK,请大家自行查询相关资料进行操作关于ShareSDK的开发,参考ShareSDK官网为准欢迎关注CSDN博客:Hensen_的个人主

    2022年5月2日
    28
  • 1200多套微信小程序源码-史上最全的不同行业的源码集合[通俗易懂]

    1200多套微信小程序源码-史上最全的不同行业的源码集合[通俗易懂]史上最全小游戏分类,需要的自行下载:下载链接在最后面!o2o行业| -盒马鲜生| -轻客洗衣互联网行业| -云文档| -仿ofo共享单车| -仿美团外卖| -仿饿了么| -灵犀外卖交友互动| -小契约(交友互动小程序)| -信息科技公司展示小程序| -华云智慧园区| -房地产公司展示企业应用| -企业OA系统小程序优惠券卡卷| -…

    2022年5月7日
    110
  • hash一致性算法以及应用场景_什么不是算法的基本特性

    hash一致性算法以及应用场景_什么不是算法的基本特性最近有小伙伴跑过来问什么是Hash一致性算法,说面试的时候被问到了,因为不了解,所以就没有回答上,问我有没有相应的学习资料推荐,当时上班,没时间回复,晚上回去了就忘了这件事,今天突然看到这个,加班为大家整理一下什么是Hash一致性算法,希望对大家有帮助!文末送书,长按抽奖助手小程序即可参与,祝君好运!经常阅读我文章的小伙伴应该都很熟悉我写文章的套路,上来就是先要问一句为什么?也就是为什么要有Has

    2022年10月6日
    0
  • 解决nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed错误

    解决nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed错误

    2021年10月8日
    42
  • C语言system()函数的用法[通俗易懂]

    C语言system()函数的用法[通俗易懂]C语言system()函数的用法1.函数简介C语言中,system函数可以用于调用一些DOS命令,比如system(“pause”)可以卡主系统控制台,而另一个常用的system(“cls”)为清屏命令,等于在DOS上使用cls命令。2.函数支持库及原型(1)函数原型intsystem(char*command);(2)函数支持库:stdlib.h3.函数返回值(1)=-1:出现…

    2022年9月17日
    0
  • navicat premium 激活码(JetBrains全家桶)[通俗易懂]

    (navicat premium 激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlWKAWTQAJR5-eyJsaWN…

    2022年3月22日
    84

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号