vue中v-for内部方法 带来的死循环问题

 

在做v-for循环调用方法时出现了无限调用的问题

 

结果：页面上渲染出了数据，但是无限调用了这个方法，可以看到一直在发送请求

我猜测原因可能是 双向绑定  多次调用接口导致这个绑定的变量的值不断被改变，改变后由于数据驱动，页面也跟着渲染，渲染时又调用了方法导致值改变....形成了一个无限调用

 

 

尝试：写一个组件，在分类子组件中传当前分类ID去调用这个文章列表组件，文章列表拿到分类ID请求接口拿到数据并遍历渲染 

 

总结：

纠结了这么久的v-for无限循环问题，也算是知道了在动态渲染的时候不能调用方法作为数据源，这样会产生死循环导致无限调用。

解决这个业务问题  除了我另外定义的文章组件的方法外，还有个方法就是后端一开始就把每个分类的文章列表数据也加进来传给前端，这样前端就方便了。