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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 重回童年的经典系列☀️|【贪吃蛇小游戏】近两万字完整制作过程+解析+源码 【建议收藏学习】

    重回童年的经典系列☀️|【贪吃蛇小游戏】近两万字完整制作过程+解析+源码 【建议收藏学习】今天给大家带来一款经典的贪吃蛇小游戏,相信大家应该都应该玩过包时候在经典的诺基亚手机上,也是百玩不厌,算是最经典的游戏之一了!那今天就来学习一下怎样制作这个经典的贪吃蛇小游戏吧!

    2022年5月9日
    39
  • 如何分析系统平均负载过高的原因_线上cpu负载过高如何排查

    如何分析系统平均负载过高的原因_线上cpu负载过高如何排查前言我相信你应该用过uptime命令查询系统负载的情况,或者在各种监控终端上看到过系统load这一项,但是每次问别人到底什么是系统load?系统load到达多少算过高?又有哪些原因会造成系统load过载?我发现很少有人能回答清楚,大多数都觉得系统load过载就表示CPU使用率过载、然而实际上并不完全这样的,本文就来仔细分析一下到底有哪些原因会造成系统load过载!uptime命令还是先来看看uptime命令,…

    2022年9月13日
    0
  • CSS选择器及优先级 总结

    CSS选择器及优先级 总结一、优先级不同级别在属性后面使用!important会覆盖页面内任何位置定义的元素样式。作为style属性写在元素内的样式id选择器类选择器元素选择器通配符选择器浏览器自定义或继承总结排序:!important&amp;amp;gt;行内样式&amp;amp;gt;ID选择器&amp;amp;gt;类选择器&amp;amp;gt;元素&amp;amp;gt;通配符&amp;amp;gt;继承&a

    2022年7月27日
    4
  • 51单片机最小系统的检查

    51单片机最小系统的检查以STC89C52为例(洞洞板、蚀刻板都要检查,工厂打板部分步骤可省略)准备:万用表(调至电压档),单片机最小系统(需供电)1.测量单片机供电是否正常51单片机的P20脚为GND,P40脚为VCC,红表笔接VCC,黑表笔接地:如果结果不为5V(2.6V或者其他),考虑是电源的问题。1.1首先检查电源线,红表笔接正极,黑表笔接负极,显示为5V左右,电源线正常。考虑是电路板的问题1.2将电压表调至通断档(红黑表笔短接电压表鸣叫)。首先检查GND连接是否…

    2022年6月23日
    29
  • ArcGIS二次开发及应用学习的最佳网站

    ArcGIS二次开发及应用学习的最佳网站http://i.youku.com/gisxiaotian里面有大量的ArcGIS二次开发及应用的视频教程,作者会定期的上传ArcGIS教程,看了绝对受益匪浅!

    2022年7月23日
    7
  • 网页自动跳转_网页跳转到其他网站

    网页自动跳转_网页跳转到其他网站所以解决方案如下自动解决方案:下载使用金山系统急救箱或者金山卫士或者金山网盾来一键修复

    2022年10月3日
    1

发表回复

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

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