本文主要通过实例代码给大家介绍了vue中的无限循环，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧，希望能帮助到大家。

代码如下所示：

<template><p> </p><ul>  <li>{{item.cdate}}</li> </ul></template><ｓｃｒｉｐｔ>export default { name: "", data(){   return {     listaaa: [{       cdate: &#39;123&#39;      },      {       cdate: &#39;456&#39;      },     ],     flagName: &#39;&#39;   } }, methods: {  dealFun(arg, index) {   console.log(&#39;---------------------------&#39;)   if (arg == this.flagName) {    return false   } else {    this.flagName = arg    return true   }  } },}</ｓｃｒｉｐｔ><style></style>

导致无限循环的原因：flagName改变导致视图更新，视图更新又导致 dealFun()函数不停执行，进而flagName再次更新；循环往复；

解决办法：（使用全局变量）

立即学习“前端免费学习笔记（深入）”；

<template><p> </p><ul>  <li>{{item.cdate}}</li> </ul></template><ｓｃｒｉｐｔ>var flagName;export default { name: "", data(){   return {     listaaa: [{       cdate: &#39;123&#39;      },      {       cdate: &#39;456&#39;      },     ],    //  flagName: &#39;&#39;   } }, methods: {  dealFun(arg, index) {   console.log(&#39;---------------------------&#39;)   if (arg == flagName) {    return false   } else {    flagName = arg    return true   }  } },}</ｓｃｒｉｐｔ><style></style>

相关推荐：

EasyUI Tree树组件无限循环实例分析

实例讲解CSS3实现无限循环的无缝滚动

php实现无限循环获取MySQL中数据的方法示例