当前使用vue版本:3.2.25

[Vue warn]: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

大意如下:

[Vue warn]:超过最大递归更新数。这意味着你有一种反应效应,它会改变自身的依赖关系,从而递归地触发自身。可能的源包括组件模板、渲染函数、更新的钩子或观察源函数。

源头:

routeData = [3,2,1]

<PatientTrajectory ref="routeList" :data="routeData.reverse()" />

父组件调用子组件传递数据的时候,直接在赋值的地方调用了reverse方法导致的(如果数组里只有一个元素的话是不会有警告的)

原因暂不清楚

解决方法:

在赋值前调用reverse

routeData = [3,2,1].reverse()

<PatientTrajectory ref="routeList" :data="routeData" />

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐