Vue语法出现无限更新循环的问题解决[Vue warn]: You may have an infinite update loop in a component render function.

在编写代码运行项目的时候出现这个组件渲染函数中可能有无限更新循环。
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 = 0item.dis = falsedisable = false} else if(date > str && item.sendStatus!=1) {code = 1item.dis = truedisable = true

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

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部