本文主要是介绍You may have an infinite update loop in a component render function问题解决，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
You may have an infinite update loop in a component render function问题解决
今天在用的vue的时候，碰到一个问题，在计算属性中修改data()中的属性时，会报这个错，“You may have an infinite update loop in a component render function”，但是并没有影响正常的页面显示，为了顺从自己内心轻微的强迫症，还是决定解决下，
修改前的代码：.
// An highlighted blockdata() {return {statusStyle:""};},computed: {_status() {return function (status) {switch (status) {case 0:this.statusStyle = "status-init";break;case 1:this.statusStyle = "status-running";break;case 2:this.statusStyle = "status-stopped";break;default:break;}return statusStyle;}},}
修改后的代码
computed: {_status() {return function (status) {var statusStyle = "";switch (status) {case 0:statusStyle = "status-init";break;case 1:statusStyle = "status-running";break;case 2:statusStyle = "status-stopped";break;default:break;}return statusStyle;}},
简单分析了下，vue中的data()中的属性值本来就是受监控的，如果属性值变化，就可能触发计算属性进行计算，所以在计算属性中修改data()中的属性值，就可能触发无限循环，这也是报这个错误的原因，所以建议在计算属性中避免对data()中的属性值进行修改。
这篇关于You may have an infinite update loop in a component render function问题解决的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
