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)
上一篇 2025年9月22日 下午6:22
下一篇 2025年9月22日 下午7:01


相关推荐

  • phpstorm Linux 激活码【在线破解激活】「建议收藏」

    phpstorm Linux 激活码【在线破解激活】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月16日
    94
  • PO模式思想「建议收藏」

    PO模式思想「建议收藏」1.怎么判断测试有没有通过?断言成功代表用例成功,断言失败代表用例失败。存结果,是因为如果这个用例失败了,还想看下接口当中到底给你返回的数据是什么,失败在哪里。页面的断言是非常精细的,说…

    2022年5月1日
    50
  • 服务器安装gtx系列显卡驱动,win10装不上GTX1080显卡驱动怎么回事 win10安装不了gtx1080驱动现象的解决方案…

    服务器安装gtx系列显卡驱动,win10装不上GTX1080显卡驱动怎么回事 win10安装不了gtx1080驱动现象的解决方案…GTX1080装不上驱动怎么办?要问内部性能最强的电脑是什么?当然不是编辑们手上用的这些普通电脑啦,最强的性能当属我们的测试平台,i75960X加512G固态硬盘以及各式各样的顶级显卡,想想就让人流口水。但是最近这台超强的测试平台在重装系统后,遇到了一些小问题。下面脚本之家小编就给大家带来GTX1080装不上驱动解决办法。GeForceGTX1080测试平台重装完windows10系统之后…

    2022年5月18日
    64
  • Java–LinkedList真的比ArrayList添加元素快?Open JDK JMH带你揭开真相「建议收藏」

    Java–LinkedList真的比ArrayList添加元素快?Open JDK JMH带你揭开真相「建议收藏」【学习背景】欢迎进来学习的小伙伴~不管你是学生,还是职场小白,还是入行1~3年的小伙伴,相信很多小伙伴在面试Java工作岗位时,发现LinkedList和ArrayList这个问题基本是必面的一道题,【面试场景】当面试官问到LinkedList和ArrayList的区别时,可能很多准备得不够充分的小伙伴第一反应的回答仅仅是这样的:LinkedList底层数据结构是链表,添加和删除元素效率比ArrayList高~ArrayList底层数据结构是数组,查询效率比LinkedList高~面试官:哦

    2022年7月11日
    23
  • 费曼技巧学习

    费曼技巧学习关于费曼技巧现学现用的文章,还提到了两个小投入、大回报的学习方法:预习和自测。

    2022年5月3日
    45
  • Windows 7下配置JDK环境变量

    Windows 7下配置JDK环境变量安装 jdk1 8 版本 下载链接 http www oracle com technetwork java javase downloads jdk8 downloads 2133151 html 具体步骤 步骤 1 下载安装 jdk1 8 版本 点击 jdk 8u101 windows x64 exe 本版本是 windows64 位的系统 只要一步一步装即可 直至安装完成 步骤 2 安装完后 点击桌面计算机 右键属性 在左边点击 高级系统设置 点击高级 gt 环境变量 这是点击下面的系统环境变量

    2026年3月16日
    2

发表回复

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

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