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

代码如下所示：

emplate>
 
  
{{item.cdate}}
 
<ｓｃｒｉｐｔ>export default { name: "", data(){   return {     listaaa: [{       cdate: '123'      },      {       cdate: '456'      },     ],     flagName: ''   } }, methods: {  dealFun(arg, index) {   console.log('---------------------------')   if (arg == this.flagName) {    return false   } else {    this.flagName = arg    return true   }  } },}

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

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

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

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

相关推荐：

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

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

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