【bug】watch监听中循环数组，触发无限循环You may have an infinite update loop in watcher with expression

最新推荐文章于 2024-03-21 11:57:01 发布
最新推荐文章于 2024-03-21 11:57:01 发布
阅读量2.3k 收藏 1
点赞数 1
分类专栏： bug收录 文章标签： bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49668076/article/details/126532940
版权

总结最近遇到的bug，这个花的时间还挺长的
业务逻辑稍稍有些复杂，同一份数据源里要处理很多业务逻辑。
watch监听数组，循环数组，正常写业务逻辑，然后就遇到一个bug，在这个循环里代码重复了上百次，还会有报错，类似于这样
在这里插入图片描述
问题产生的原因是，后端返的数值字段为null，我用的是el-input-number，为null的时候默认值为0，也就是一点击就会出现个0，不想要这种效果，解决办法就是把null改为underiend。

因为是在watch中直接修改的，代码的执行顺序没有控制好，才引起的报错
解决方法：不要在watch中改变监听的数据

春晓_春眠花落
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue infinite update loop的问题解决
12-01
一个尤大大曾回复过的问题 vue warn : You may have an infinite update loop in a component render function 最近再写一个数组渲染时，源数据是拿到的数组经过排序后的数组，正常运行却出现爆红： 报红代码： computed: { ...mapState({ fromNames (state) { let fromNames = state.quote.fromNames; return fromNames.sort((a, b) => b.isBind - a.isBind);; }, }), },
you may have an infinite update loop in watcher with expression
weixin_34307464的博客
03-07 7167
echarts中option的data传数组,千万不要对数组进行操作. 否则会出bug you may have an infinite update loop in watcher with expression 在带有表达式的观察程序中，可能有无限更新循环 为什么会出现这个bug呢? 分析如下: 错误的模式下:首先yKeyData在created生命周期中获取数据时也发生了变化,watch监听...
[Vue warn]: You may have an infinite update loop in watcher with express
qq_42103673的博客
06-28 7466
echarts中option的data传数组，千万不要对数组进行操作. 否则会出bug you may have an infinite update loop in watcher with expression 错误分析： 首先chartSource在created生命周期中获取数据时也发生了变化,watch监听到后,重新渲染图标执行option操作,结果option中的data中的数组进行倒置了, data: data.xAxis.reverse() 那么watch监听的chartSourc
(vue)Vue前台警告You may have an infinite update loop in watcher with expression
nyf_unknow的博客
08-16 3359
原因：循环的数组设置了全局（和我的特殊数组有关）
Vue项目中遇到的bug
weixin_42459638的博客
08-17 623
1.Vue前台警告You may have an infinite update loop in watcher with expression 这里我使用watcher的deep监听一个对象中的字符串，就出现了这个bug，因为我使用的是字符串的监听形式，队友应该使用immediate
vue中使用watch监听数组和对象变化的总结
铁锤妹妹的博客
09-29 2万+
watch深度监听 deep: true
vue监听路由变化时watch方法会执行多次的原因及解决
qq_43086723的博客
09-25 4062
vue监听路由变化时watch方法会执行多次的原因及解决
解决iview多表头动态更改列元素发生的错误的方法
01-21
解决iview ‘You may have an infinite update loop in watcher with expression “columns”‘ 解决方案 单表头是可以动态变化不需要增添什么东西 多表头目前iview尚不能动态变化，会报错You may have an infinite...
infiniteLoop:Node.js中的无限循环
05-22
无限循环Node.js的无限循环。 易于使用和良好的性能Node.js中重复运行任务的助手。 开始于： npm install infinite-loop易于使用： 要求它 var InfiniteLoop = require ( 'infinite-loop' ) ; 创建一个新的il var il...
Rescuing You in the Infinite Loop(1).apk
10-20
Rescuing You in the Infinite Loop(1).apk
You may have an infinite update loop in watcher with expression “data“ 记一次报错
最新发布
weixin_51352120的博客
03-21 342
在一次父组件与子组件同时赋值的过程中，父组件初始化值，，子组件更新值后push进去，后页面报错You may have an infinite update loop in watcher with expression "data"，一直说有循环，单身并没有在watch那些冰没有循环，后来发现父组件跟子组件传的数组对象不一致，两个数组合并不了报的这个错，后来改成一样的就好了。
vue中渲染数据可能有一个无限更新循环
热门推荐
wang01ping的博客
06-12 2万+
是使用Iview 组件库中的table组件``` <Table  highlight-row ref="selection" :columns="columnsList" :border="border" :height="height" :data='data' :stripe='stripe' @on-row-dblclick='dblclick' @on-current-change=...
解决iview table组件报错问题You may have an infinite update loop in watcher with expression “columns“的两种方法
fanhailing的博客
09-08 8008
在使用table切换的时候出现报错： 代码是这样的： 表头是多级的。 查找了一下解决方案，多数是这一种： 方法一、更改iview.js源码： 改为： 但是这个仅限于本地使用，最好的是更改table组件，然后build生成iview.js和iview.min.js 更改table组件代码： src/components/table/table.vue中： 将： 画红框线位置代码改为： 然后重新build一下生成iview.js和iview.min.js。 方法二：不更改源码 在table外一层用v
解决iview 'You may have an infinite update loop in watcher with expression "columns"'
玩大神的CSDN的博客
11-02 5360
对iview表格的列进行动态变化 解决方案 单表头是可以动态变化不需要增添什么东西 多表头目前iview尚不能动态变化，需要修改iview.js源码 将iview.js中 columns: { handler: function handler() { var colsWithId = this.makeColumnsId(this.columns); ...
Vue前台警告You may have an infinite update loop in watcher with expression
符忻潼
06-11 1万+
今天在使用 Vue 开发过程中，前台控制台报了一个警告，经过一番百度，最终解决了问题，过程如下。 //控制台报错信息 vue.runtime.esm.js?2b0e:619 [Vue warn]: You may have an infinite update loop in watcher with expression "value" 控制台信息 控制台警告错误如图： 原因 报错是因为我要给 v-for 里边的一个数组类型的 item 排序，如果是普通的绑定，用计算属性是搞定的。然而，这个牵
vue之watch 深度监听(you may have an infinite update loop in a component render function)
blue_sky的博客
07-24 7432
formInline:{ addr:'', ip:'', maskcode:'', routerlist:'', dymaicitems:[ {...
bug日志 You may have an infinite update loop in watcher with expression "input"
yuyuy123666的博客
07-22 1094
监听的handler发生无限循环
vue中渲染数据可能有一个无限更新循环--You may have an infinite update loop in a component render function.
sanstu的博客
12-05 1万+
今天在在工作中碰到个问题，在此记录下。 今天在接接口数据时发现数据搞反了，于是想着把数据倒叙一下 <row-list v-if="dataList.rules" :canSelect="!isClose" :dataList="dataList.rules[0].subLotteryRule[0].subLotteryRule.reverse()" @sel
You may have an infinite update loop in watcher with expression "value"
03-09
这个问题可能是关于编程的，我可以尝试回答。这个错误通常是由于在 watcher 中使用了一个响应式变量，但是在变量更新时没有正确地处理循环依赖关系导致的。解决方法是检查代码中的 watcher 和响应式变量，确保它们被正确地使用和更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值