[Vue warn]: You may have an infinite update loop in a component render function

news2025/1/23 6:12:10

老板让该一个bug,结果一连出现好几个问题,然后报错也是很奇葩,在源代码上不能直接定位到,只知道在当前页面上出现的问题,弄了好久,给大家分享一下解决的经验:

You may have an infinite update loop in a component render function -- 你在组件渲染函数中有一个无限更新循环  —— 一定要知道报错是什么意思(不行就有道翻译)

过程:

  • 最初说的问题是一个分页和一个树结构首次渲染的时候不展示,再刷新就又出来了,让解决该问题,那很好,我们代码上有了定位,一个是分页,一个是树结构,那么我就去看这两个地方的代码,看了半天的时候吧(滴bug需要耐心慢慢来,不要急)。由于这两个是组件嘛,所以在这两个地方看了很久,还是没有找到代码的问题所在。

  • 然后我也查了很久这两个组件,看了里面的数据,这些数据都有
  • 查了很多资料,百度了,基本上都说是在循环过程中,修改到了循环对象,从而引发了无限循环,此时vue会发出警告,但并没有真正产生死循环,也是都不是很明确(毕竟不同的代码问题定位也不一样嘛)
  • 这里我给出我的解决方案(虽然有点麻烦,但确实特别实用)

        -- 1.注释掉关于当前页面的所有html代码(确定了进入当前页面肯定不会报错了)

        -- 2.将这些html的代码再一块一块的取消注释,如果取消注释的代码在浏览器没有报错,说明该代码块的html以及用到的methods方法都没有问题

        -- 3.继续取消注释

        -- 4.当某个代码块一取消注释报错了,那么很明显,出问题的就在这个代码块的,那么我们就可以看这块设计到的方法以及渲染页面的方式了

给个思路,无限循环-->v-for/for循环…

        我最后定位到的地方是在这个代码块:

 v-for循环了一个方法,然后该方法获取的目的是为了返回一个数组,之后v-for渲染

  • 找到对应的方法,问题说的所在,也就定位了,看懂对应的方法,解决对应的问题就好

  •  说一下我问题吧

是因为这个方法返回的数组,在渲染数据的时候,没有拿到对应的属性值,然后还一直在v-for该方法,从而造成的死循环报错。下面框的两个点:

  • 总结:当我们报的bug不明显,百度的情况跟我们很像,但是解决不了,可以试一试该方法定位问题所在,实用!!!!

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/519649.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

2023 年Windows MySql 5.7,MySql 8.0 下载安装教程, 附详细图解

文章目录 下载 MySQL 安装程序安装 MySQL 数据库安装示例数据库连接到 MySQL 服务器 在本教程中,我们展示如何在 Windows 平台上下载和安装 MySQL 的详细步骤。 在 Windows 平台上安装 MySQL 很简单,并不需要太复杂的步骤。按照本文的步骤操练起来就可以…

【Win10错误】从80190001错误码恢复

目录 一、说明 二、操作过程和错误显示 三、修复过程 四、网上的其它参考意见 一、说明 出现0x80190001错误码,其原因是网络认证问题引起。但不是网络断开或路由不通而引起。一般是本地身份cooki无法认证而引起,一般出现在登录认证过程。本篇告诉大家…

2.4G无线游戏手柄方案开发

对于游戏玩家来说,好的外设才能有更好的游戏体验。相比于传统的有线手柄,2.4G无线游戏手柄采用2.4GHz射频无线连接方式,摆脱了连线的困扰。相比于鼠标键盘,游戏手柄在大部分游戏上的使用体验都会更好,让你的游戏体验更…

【MATLAB第30期】基于MATLAB的adaboost多分类预测集成学习模型(四种模型GDA高斯判别分析、Knn、NB朴素贝叶斯、SVM)

【MATLAB第30期】基于MATLAB的adaboost多分类预测集成学习模型(四种模型GDA高斯判别分析、Knn、NB朴素贝叶斯、SVM) 一、简介 弱分类器 %1.GDA高斯判别分析 %2.Knn (NumNeighbors 5) K邻近 %3.Naive Bayes 朴素贝叶斯 %4.SVM 支持向量机 强分类器 1.a…

【Vue】生命周期

文章目录 生命周期概念一、生命周期图示二、生命周期1.beforeCreate(){}2.created(){}3.beforeMount(){}4.mounted(){}5.beforeUpdate(){}6.updated&#xff…

C语言预处理详解

参考文章:c语言预处理 目录 程序的翻译环境和执行条件 翻译环境 编译本身也分为几个阶段 预处理 预处理指令 运行环境 程序执行的过程 预处理 预定义符号 #define #define定义标识符 #define定义宏 宏的申明方式 #define替换规则 #和## #的作用 ##…

OTP语音芯片 NV170D在充电桩的语音方案应用

新能源汽车是我国应对气候变化、推动绿色发展的战略举措,在政策和市场需求的推动下,我国新能源汽车产销量双双增长,新能源汽车保有量地稳步增长将会促进充电桩需求的扩大,企业也将进一步在电动汽车充电桩领域布局。 2022年10月11日…

Linux下的Tomcat的安装详解--值得一看

如有错误,敬请谅解! 此文章仅为本人学习笔记,仅供参考,如有冒犯,请联系作者删除!! 目录 简述静态网页和动态网页的区别。 简述 Webl.0 和 Web2.0 的区别。 tomcat8的安装,配置服…

物流行业如何运用IPD?

物流是供应链活动的一部分,是为了满足客户需要而对商品、服务消费以及相关信息从产地到消费地的高效、低成本流动和储存进行的规划、实施与控制的过程。物流以仓储为中心,促进生产与市场保持同步。物流是为了满足客户的需要,以最低的成本&…

奇葩的 Git 签名错误

最近公司电脑升级后又抽风了。 在访问 Git 的时候提示了证书签名错误。 主要提示的错误为: git.exe fetch -v --progress "origin" fatal: unable to access https://src.ossez.com/yhu-docs.git/: SSL certificate problem: unable to get local issue…

大学4年做出来这个算不算丢人

前言:相信看到这篇文章的小伙伴都或多或少有一些编程基础,懂得一些linux的基本命令了吧,本篇文章将带领大家服务器如何部署一个使用django框架开发的一个网站进行云服务器端的部署。 文章使用到的的工具 Python:一种编程语言&…

C51 - 红外遥控NEC协议

Infrared 1> 实验概述2> 红外遥控器2.1> 硬件电路 3> NEC红外传输协议3.1> 5部分构成3.2> 引导码3.3> 38KHz载波长啥样?3.4> 咋表示 0 / 1; 4> 红外接收5> 程序设计 1> 实验概述 通过红外遥控器,控制DAYi(51开发板&a…

【多线程初阶五】线程池常考面试题

目录 🌟一、线程池 🌈1、线程池是什么? 🌈2、为什么要使用线程池? 🌈3、怎么使用线程池? 1、使用标准库中的线程池(6种)——>不推荐使用。 2、自定义一个线程池…

【移动端网页布局】flex 弹性布局子项目属性 ① ( flex 属性用法说明 | 代码示例 : 占有剩余布局 / 平均分成若干等份 )

文章目录 一、flex 子项目常用属性1、子项目常用属性介绍2、flex 属性用法说明 二、flex 属性代码示例1、代码示例 - 左右两侧 100 像素 / 中间元素占有所有剩余布局3、代码示例 - 平均分成三等份 一、flex 子项目常用属性 1、子项目常用属性介绍 flex 子项目 的常用属性 : fl…

FL Studio 2023年最新安装使用图文教程,FL Studio 21怎么激活解锁?

Image-Line宣布针对Win和Mac版本的数字音频工作站FL Studio的21版本更新。FL Studio2023是一个完整的软件音乐制作环境或数字音频工作站(DAW)。代表超过 25年的创新发展,它包含了您在一个包装中编排,编排,录制&#xf…

查询数据(数据库)——简单查询

目录 1.最简单的查询 (1)查询指定列 (2)查询所有列 (3)查询计算列 (4)为列起别名 (5)使用DISTINCT关键字消除重复元组 2.查询满…

Kyligence Zen产品体验--小白也能快速上手的指标平台

一、写在最前 啥是Kyligence Zen? Kyligence Zen 是基于 Kyligence 核心 OLAP能力打造的一站式指标平台。凭借集业务模型、指标管理、指标加工、数据服务等于一体的解决方案,Kyligence 协助过多家金融、零售、制造企业客户搭建企业级指标平台。Kyligence Zen 是 K…

常见八种排序实现方法

常见八种排序实现方法 前言快速排序堆排序冒泡排序代码 选择排序代码部分 插入排序思路讲解代码部分 希尔排序代码部分思路讲解 归并排序递归思路讲解代码部分 非递归梭哈代码部分思路讲解 非梭哈代码部分 计数排序代码部分 前言 这里的快速排序和堆排序博主以前都写过&#xf…

绝地求生 压枪python版

仅做学习交流,非盈利,侵联删(狗头保命) 一、概述 1.1 效果 总的来说,这种方式是通过图像识别来完成的,不侵入游戏,不读取内存,安全不被检测。 1.2 前置知识 游戏中有各种不同的枪械&#x…

算法修炼之练气篇——练气十四层

博主:命运之光 专栏:算法修炼之练气篇 前言:每天练习五道题,炼气篇大概会练习200道题左右,题目有C语言网上的题,也有洛谷上面的题,题目简单适合新手入门。(代码都是命运之光自己写的…