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就可以了

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • fvwm 3_三菱vvvf

    fvwm 3_三菱vvvfChangeMenuStyleChangeMenuStylemenustylemenu…Changesthemenustyleofmenutomenustyle.YoumayspecifymorethanonemenuineachcallofChangeMenuStyle.31.1.10.CopyMenuStyle

  • 利用serv-u搭建ftp服务器实验报告_服务器系统怎么进U启动

    利用serv-u搭建ftp服务器实验报告_服务器系统怎么进U启动以前在学校的时候,学校的整个宿舍楼都是在一个局域网中,经常有人用个人电脑搭个网站或者FTP啊什么的,主要是进行一些影视资源的传播活动。不乏有些资源充沛的有志青年利用业余时间翻译某岛国影视资源,利用局域网FTP上传到某大大的个人电脑上。资源广为分享,其翻译作品之影响力在我们热血青年心中丝毫不亚于书记的训话。我们记住了大大的服务器帐号,也记住了大大被通报批评后黯然的神情,却忽视了在背后默…

  • 什么是devops思想在运维方面的具体实践_devops四个维度

    什么是devops思想在运维方面的具体实践_devops四个维度DevOps是最近非常火的一个概念,谈IT流程建设不说点DevOps都不好意思和人打招呼。但是DevOps究竟是个什么东西,这个东西能不能用?怎么用?什么样的情况才叫做DevOps落地成功?对于这些问题的答案,虽然网上有铺天盖地的文章和教程,但是一般来说都是从理论或者方法论上去阐述,也有大厂的实施经历。个人就感觉这里的它山之石,很难攻玉了。最终还是得思考下DevOps的由来,综合自己所在企业的现实…

  • java中string转换为int(int char)

    //Stringchangeintpublicstaticvoidmain(String[]args){Stringstr=”123″;intn;//firstmethod//n=Integer.parseInt(str);n=0;n=Integer.parseInt(str);…

  • java过滤器的顺序(java过滤器指定过滤文件)

    过滤器的顺序由web.xml文件中&amp;lt;filter-mapping&amp;gt;的顺序决定,从上到下现有三个过滤器&amp;lt;filter&amp;gt;&amp;lt;filter-name&amp;gt;AFilter&amp;lt;/filter-name&amp;gt;&amp;lt;filter-class&amp;gt;com.jerry.filter.AF

  • groupadd r mysql_useradd 和groupadd

    groupadd r mysql_useradd 和groupadd1.作用useradd命令用来建立用户帐号和创建用户的起始目录,使用权限是终极用户。2.格式useradd[-dhome][-sshell][-ccomment][-m[-ktemplate]][-finactive][-eexpire][-ppasswd][-r]name3.主要参数-c:加上备注文字,备注文字保存在passwd的备注栏中。-d:指定用户登入时…

    2022年10月24日

发表回复

您的电子邮箱地址不会被公开。

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