首页 |  我的博客 |  查看该博主内容分类 | 

You may have an infinite update loop in a component render function.报错解决办法

报错

本例在computed中进行修改data里的数据时发生的错误
You may have an infinite update loop in a component render function.

原因

data中的数据一直处于监听状态,因此不能在类似computed中频繁修改数据的地方直接修改data中的数据,否则会不断循环更新,而发生该错误。

解决办法

可以在computed中引用data中的数据后再进行修改,如:

export default{
	data(){
		return {
			oriData: 1,
		}
	},
	computed: {
		updateData(){
			return this.oriData
		}
		frequentlyUpdateData(){
			this.updateData += 1
			return this.updateData
		}
	}
}
posted @ 2022-12-09 15:51  Z哎呀  阅读(2502)  评论(0)    收藏  举报