首页 > 其他分享 >You may have an infinite update loop in a component render function.报错解决办法

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

时间:2022-12-09 16:02:54浏览次数:46  
标签:function computed render updateData 报错 data

报错

本例在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
		}
	}
}

标签:function,computed,render,updateData,报错,data
From: https://www.cnblogs.com/aiyablog/p/16969151.html

相关文章