主要介绍了解决vue中的无限循环问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

如果在 vue 组件的 beforeRouteEnter 钩子函数中调用 API 请求，会出现循环执行的问题： beforeRouteEnter(to, from, next) { login().then(() => { next({ name: 'home' }); }).catch(() => { next(); }); }, 上面的代码会出现无限循环调用的问题，可能是API还没有请求完成，又一次进入 router，调用了 beforR

最近在使用vue-router的beforeEach钩子时候遇到了一个问题，就是在beforeEach()中设置好判断条件后出现了无限循环的问题 代码如下： router.beforeEach((to, from, next) => { if(isLogin){ next() }else{ console.log('测试') next('login') } }) 结果chrome的debug中看到： 这个问题我是这样理解的： router.beforeEach((t

项目中遇到了这样一个问题：每一种产品有对应的服务费，每一个商家有多种商品要单独计算每一家的服务费，最后汇总总的服务费用。我直接写了一个方法来计算出每个商家和总的服务费用并return出来。如果不看控制台的话运行是没问题的。但是控制台报了无限循环的错误。 下面是错误代码 html： js： 这里会出现无限循环的原因是数据更新触发计算方法来更新视图，视图更新又反过来触发这个方法更新数据。所以尽量不要直接在绑定的数据上使用方法来绑定。找到问题后下面就是解决办法。 因为选中商品后就要重新计算价格。