当前位置:   article > 正文

Vue语法出现无限更新循环的问题解决[Vue warn]: You may have an infinite update loop in a component render function._mp.runtime.esm.js?66fd:613 [vue warn]: you may hav

mp.runtime.esm.js?66fd:613 [vue warn]: you may have an infinite update loop

在编写代码运行项目的时候出现这个组件渲染函数中可能有无限更新循环。
You may have an infinite update loop in a component render function.
本人使用了计算属性computed的方法去判断三种状态的计算

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

出现的问题是我在getStatus()这个方法里面通过三种状态的判断,当达到某种判断条件的时候
直接去改变了data()里面的alldisable这个属性

正确写法:

let disable = this.disable
if (date < str && item.sendStatus!=1) {
					code = 0
					item.dis = false
					disable = false
				} else if(date > str && item.sendStatus!=1) {
					code = 1
					item.dis = true
					 disable = true
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

在方法里面重新赋值一个变量,然后去判断条件
最后就不会报错无限更新循环渲染组件函数

注意使用计算属性的时候,千万不要去改变data里面的属性,否则会报错

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/402352
推荐阅读
相关标签
  

闽ICP备14008679号