[Vue warn]: Maximum recursive updates exceeded in component ＜BaseTransition＞.

已于 2023-04-16 16:47:54 修改
阅读量1.2k 收藏 1
点赞数 2
文章标签： vue
于 2023-04-16 16:47:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huai42717/article/details/130184484
版权

       在做项目时富文本渲染图片，点击显示图片时放大缩小导致一直出现很多警告，出现页面卡顿，原因是在v-for中使用v-if出现超过最大递归限制。可以将v-if的div放到v-for循环外面。

仰淮
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue中通过<script></script>引入的Vue.js文件
04-28
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是： <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的...
vue3-ssr-bug-comment-and-null
05-21
runtime-core.esm-bundler.js:38 [Vue warn]: Hydration children mismatch in <div>: server rendered element contains fewer child nodes than client vdom. at <Home xss=removed> ref=Ref< undefined> > at ...
[Vue warn]: Maximum recursive updates exceeded in component ＜ElTableColumn＞.
Yuang_H的博客
06-19 1056
遇见此类问题不知道具体是哪一处出了错，大可以注释反复测试，但是项目越大此类问题就越要避免，最好的方法就是写完一个功能点之后自己快速的查验一遍，能够有效的把一些bug扼杀在摇篮之中。我的问题是有一个开发时写来测试用的值，后来忘记删掉它了，如下图。bug的主要体现是页面卡死或非常卡顿（我的就卡死了，因为使用的服务器性能较差），但在本地运行则没事（因为本地性能、内存绰绰有余）这个问题出现在我自己部署到服务器上的项目中（实际上部署好的项目在浏览器中不会报这个错误，在本地调试的时候才能发现）
前端报警告：Maximum recursive updates exceeded...打报到生产环境页面崩溃
weixin_44221744的博客
04-04 1万+
Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function
Maximum recursive updates exceeded警告导致的接口卡住，页面崩溃问题
最新发布
fragile98的博客
06-29 255
用watch监听了一个响应式变量。请求接口信息后，该变量map操作，从而生成另一个响应式变量。打开性能监视器，本地会在一瞬间cpu占用率飙升100%，然后回落。线上并不会回落，直接卡死。布到线上后表现为刚进入页面后接口收不到，整个页面卡住，但后端那边返回信息正常。本地时控制台不再报警报，性能上看cpu也不会飙升，线上也没有卡死的问题了。虽然map操作生成新数组，但直接改变原响应式中的元素，陷入了死循环。
报错: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its o
weixin_52256272的博客
08-10 3604
组件绑定的值的类型不对。
vue3警告: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating
热门推荐
qq_45234274的博客
12-07 1万+
vue3 警告
VUE3页面报警Maximum recursive updates exceeded in component
wanwandeguoguo的博客
03-06 2513
VUE3页面报警Maximum recursive updates exceeded in component，递归出现死循环，页面崩溃问题分析
Maximum recursive updates exceeded in component ＜SidebarItem＞
bluejad的博客
11-09 2232
在你的代码中，可能出现了某个响应式数据的变动导致了组件的无限更新。：确保在组件中正确使用了响应式数据，并避免在数据变动时触发无限循环的更新。另外，如果你能提供代码中引起警告的具体部分，比如涉及响应式数据变动的地方，我可以帮你更具体地分析和定位问题，并提供相应的解决方案。：你可以尝试使用Vue的watcher功能来监视响应式数据的变化，以便找出何处触发了无限循环的更新。：如果可能的话，可以尝试简化组件的逻辑，将复杂的部分拆分成更小的组件，以减少潜在的递归更新问题。
vue-prism-component:使用prism.js和vue组件突出显示代码
05-08
yarn add vue-prism-component CDN： | 用法 首先，您需要在应用程序中的某个位置加载Prism ： // yarn add prismjs import 'prismjs' import 'prismjs/themes/prism.css' 或者： < link rel =" stylesheet ...
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
vue.extend与vue.component的区别和联系
10-17
在Vue.js中，`Vue.extend`和`Vue.component`是两个重要的概念，它们分别用于创建自定义组件和全局注册组件。理解它们的区别和联系对于深入学习Vue.js至关重要。 `Vue.extend`是一个方法，用于创建Vue实例的子类。它...
[Vue warn]: Maximum recursive updates exceeded...
m0_37158404的博客
05-12 1万+
当前使用vue版本：3.2.25
vue 出现了无线递归产生左侧的列表 怎么解决
2301_78698859的博客
06-27 805
Maximum recursive updates exceeded in component <SidebarItem>. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or
el-table-v2 打包后页面崩溃
cpsxn的博客
10-16 3129
el-table-v2 打包后页面崩溃
Uncaught (in promise) Error: Maximum recursive updates exceeded. This means you have a reactive effe
放羊的小孩
09-29 7271
Uncaught (in promise) Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook.
[Vue warn]: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.
03-21
这个错误通常是由于在响应式效果中修改其自身依赖项而导致的递归触发。可能的原因包括组件模板、渲染函数、更新钩子或观察者源函数。...你也可以尝试使用 Vue Devtools 来调试你的代码，以找出问题所在。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值