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


相关推荐

  • Altium Designer 13 插件安装

    Altium Designer 13 插件安装关键词:AltiumDesigner13;导入Protel99SE很多人反应AltiumDesigner13等版本无法Protel99SE的文件,实际上这是由于新的安装机制导致,新版本将很多功能以插件的方式存在,这些插件包含在安装包中,但是实际上不会默认安装,因此需要手动安装。安装方法首先先做好设定,上面说过这些插件的安装文件在安…

    2022年7月13日
    20
  • 【Firebug入门指南】「建议收藏」

    据说,对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。…

    2022年1月18日
    52
  • 可行性成本效益分析_经济可行性和技术可行性

    可行性成本效益分析_经济可行性和技术可行性净现值(NetPresentValue,NPV):说的是把未来期望收入的钱换算成现在的钱(跟算利息类似,不过是反向运算,例如明年你会赚110元,假设贴现率是10%,那么换算成现在的钱也就是110

    2022年8月4日
    6
  • 用IDEA一年了,终于敢说自己会用了(IDEA配置和使用)[通俗易懂]

    作为Java老兵,我也是用了很多年的eclipse,为了与时俱进,于是切换到了IDEA。刚开始的时候感觉很不适应,感觉这玩意儿不如eclipse好用,影响工作效率,于是又换回eclipse。但是很多

    2022年2月16日
    47
  • 散列的基本概念

    散列的基本概念散列的基本概念什么是散列?为什么需要散列?散列是一种思想。与已经学过的其他数据结构相比较,向量是采用循秩访问(callbyrank)的访问方式,列表是采用循位置访问(callbyposition)的访问方式,二叉搜索树是采用循关键码访问(callbykey)的访问方式,散列与他们都不一样,是采用循值访问(callbyvalue)的访问方式。举个例子,你现在身处同济大学嘉定…

    2022年5月15日
    39
  • HikariPool 连接池问题

    HikariPool 连接池问题前言:今天在一个项目运行的时候发现一个很奇怪的问题,当我有一段时间无操作之后再进行操作的话,就会出现HikariPool相关的报错,在此记录一下问题2022-02-2013:14:04.178WARN4012—[nio-8888-exec-6]com.zaxxer.hikari.pool.PoolBase:HikariPool-1-Failedtovalidateconnectioncom.mysql.cj.jdbc.ConnectionImpl@.

    2022年6月23日
    32

发表回复

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

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