使用QRCode插件生成二维码的时候，用的下载的qrcode.js文件，运行时报的错是如下

最新推荐文章于 2024-09-03 14:14:42 发布
最新推荐文章于 2024-09-03 14:14:42 发布
阅读量370 收藏
点赞数
分类专栏： QRCode Bug 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l1090865/article/details/108016158
版权
在Vue项目中，使用qrcode.js生成二维码时遇到错误，原因是点击按钮打开窗口与生成二维码操作同时进行，导致DOM未及时更新。通过调用$nextTick确保窗口打开后生成二维码，解决了这个问题。
摘要由CSDN通过智能技术生成
遇到的问题

使用QRCode插件生成二维码的时候，使用的下载的qrcode.js文件，然后运行时报的错是如下，找了了好久也没找到问题

错误如下：
在这里插入图片描述

索性就在网上搜了下 nodejs下载的方法

npm install qrcodejs2 --save
import QRCode from 'qrcodejs2'

再重新导入
在这里插入图片描述
引用方法时
在这里插入图片描述

结果出错了
在这里插入图片描述

最低0.47元/天 解锁文章
一只panda
关注
专栏目录
qrcode插件生成二维码并下载
qq_26337713的博客
10-22 1549
很多情况下，我们需要实现点击按钮，下载二维码图片功能， 1.以下是页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <!-- jQuery 库 --> <...
js 生成二维码 下载到本地
今天bug有点多
10-15 2120
  &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;demo&lt;/title&gt; // jQuery 库 &lt;script src="js/jquery-1
解决长度报错的qrcode.js
09-01
text长度过长会报错，这个是改良之后的js，具体是qrcode.min.js还是qrcode.js改了，这个不记得了。试试吧！
hdu 1213 How Many Tables（并查集+路径压缩）
Lzhzl211的博客
03-20 449
传送门 题目： Problem Description Today is Ignatius’ birthday. He invites a lot of friends. Now it’s dinner time. Ignatius wants to know how many tables he needs at least. You have to notice that not all the friends know each other, and all the friends do not wa
vue3 无法找到模块“./*/*.js”的声明文件。“./*/*.js”隐式拥有 “any“ 类型。
最新发布
weixin_38272324的博客
09-03 667
如果你不想添加类型声明，也不想转换文件，你可以在导入语句上方添加 // @ts-ignore 来忽略这个错误。这不是一个长期的解决方案，因为它隐藏了潜在的类型问题。
插件:qrcode的使用
qq_55139096的博客
06-01 1949
源文档： qrcode文档 TypeScript用户：如果您使用@types/qrcode，则需要在数据段上方添加//@ts ignore，因为它需要data:string。用法 如果未指定，则根据文件扩展名推测输出类型。可识别的扩展名有png、svg和txt。APItext: 要编码的文本或描述分段的对象列表。options: 2.toCanvas() 在画布上绘制二维码符号。 toCanvas（canvasElement，text，[options]，[cb（error）]）和
npm install --save qrcodejs2 vant vant/lib/index.css
weixin_44837382的博客
01-12 1426
问题：用管理员权限在cmd下载了vant和qrcodejs2插件，但项目仍报错 解决办法：把vs设置为管理员权限打开，重启vs，再下载vant和qrcodejs2插件。 npm install qrcodejs2 --save npm install vant -S 最后启动项目就可以了 ...
QRCode插件的使用（二维码识别与生成）
yiwei151的博客
09-07 4656
功能1、输入一段文字，生成一个二维码（1）从perfab文件夹里找到QRCodeEncodeController预设，拖入Hierarchy视图 （2）创建一个空物体，添加QREncodeTest.cs脚本，参数赋值如下 （3）QREncodeTest.cs脚本功能如下图 功能2、识别二维码（1）从perfab文件夹找到DeviceCamera、QRController预设，拖入Hiera
二维码生成weapp.qrcode.esm.js文件
11-17
weapp.qrcode.esm.js文件
使用qrcode.js插件生成二维码
cs4380的博客
03-23 666
1.github下载地址    https://github.com/jeromeetienne/jquery-qrcode2.使用案例  qrcode.js支持canvas和table两种方式进行图片渲染.  默认采用 h5 的canvas实现。  如何你的页面使用者，可能存在低版本的浏览器，无法支持 h5 的写法可以采用table方式    二维码链接跳转，携带中文参数&lt;!DOCTYPE...
使用jquery.qrcode生成彩色二维码实例
10-25
生成彩色二维码实例主要介绍了如何使用jquery.qrcode插件来生成彩色的二维码图像。jquery.qrcode是一个基于jQuery类库的JavaScript插件，它能够帮助开发者利用canvas或table两种不同的绘图方式来渲染二维码图形。 ...
js使用qrcode插件生成二维码
qq_36617310的博客
03-14 373
$(function() {         makeQr("今晚撸",100,100); }); function toUtf8(str) {         var out, i, len, c;         out = "";         len = str.length;         for(i = 0; i         c = str.charCodeA
npm首次安装 qrcode模块报错
老夫风清扬的博客
01-04 5305
npm首次安装qrcode时，会发现各种报错如图： 这是因为在安装qrcode的同时，他要安装它的依赖，如：canvas。这时候对计算机环境有要求,需要安装各种环境，具体见以下文章： http://blog.sina.com.cn/s/blog_66a2ee500101eic4.html https://github.com/nodejs/node-gyp#on-windows
qrcode插件生成二维码方法（大前端方法）
06-11
使用jquery插件qrcode生成二维码，纯大前端代码，简洁明了
vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码
m0_57071129的博客
07-28 1857
【代码】vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码。
qrcode的使用及常见报错
热门推荐
yt0926的博客
09-13 1万+
Error in mounted hook: "TypeError: Cannot read properties of null (reading 'appendChild')"
weapp-qrcode.js生成相应的展示二维码
07-29
`weapp-qrcode.js`是一个专门针对微信小程序开发的二维码生成库，它简化了二维码生成的流程，让开发者能够快速地在小程序中集成二维码功能。首先，我们需要了解二维码的基本原理。二维码是二维条形码的一种，可以...
JS二维码生成插件—QRCode
xuqiang930410的博客
01-10 3809
一、  简介 QRCode是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5Canvas 绘制而成,不依赖任何库。但是在使用过程中配合jQuery一起使用的话编码更加简便一些 二、  使用介绍 a)  所需文件（jquery.qrcode.min.js）       链接：https://pan.baidu.com/s/1bqh6r87 密
使用 qrcode 生成二维码
Eliaukoyx
11-28 7429
qrcode 是一个用于生成二维码的 JavaScript 库，主要是通过获取 DOM 的标签，再通过 HTML5 Canvas 绘制而成。
QRCode3.0.zip
09-26
用于解决pom中QRCode3.0依赖无法导入的问题，下载jar包后人工导入即可
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值