如何在VUE中实现一个无限循环功能

  介绍

如何在VUE中实现一个无限循环功能吗?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

代码如下所示:

& lt; template>   & lt; div  id=啊氨?   ,& lt; ul  v=?项目、索引),拷贝listaaa"比;   & lt;才能li  v=& # 39; dealFun (item.cdate指数)& # 39;在{{item.cdate}} & lt;/li>   ,& lt;/ul>   & lt;/div>   & lt;/template>   & lt; script>   export  default  {   ,名字:““,   ,数据(){   ,,return  {   ,,,,listaaa:, {   ,,,,,,cdate:, & # 39; 123 & # 39;   ,,,,,},   ,,,,,{   ,,,,,,cdate:, & # 39; 456 & # 39;   ,,,,,},   ,,,,,   ,,,,flagName:, & # 39; & # 39;   ,,}   },   ,方法:{   dealFun才能(arg,指数),{   ,,console.log (& # 39; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # 39;)   ,,if  (arg ==, this.flagName), {   ,,,return 错误的   ,,},{else    ,,,this.flagName =参数   ,,,return 真实的   ,,}   ,,}   },   }   & lt;/script>   & lt; style  scoped>   & lt;/style>

如何在VUE中实现一个无限循环功能

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

<强>解决办法:(使用全局变量)

& lt; template>   & lt; div  id=啊氨?   ,& lt; ul  v=?项目、索引),拷贝listaaa"比;   & lt;才能li  v=& # 39; dealFun (item.cdate指数)& # 39;在{{item.cdate}} & lt;/li>   ,& lt;/ul>   & lt;/div>   & lt;/template>   & lt; script>   var  flagName;   export  default  {   ,名字:““,   ,数据(){   ,,return  {   ,,,,listaaa:, {   ,,,,,,cdate:, & # 39; 123 & # 39;   ,,,,,},   ,,,,,{   ,,,,,,cdate:, & # 39; 456 & # 39;   ,,,,,},   ,,,,,   ,,,//,,flagName:, & # 39; & # 39;   ,,}   },   ,方法:{   dealFun才能(arg,指数),{   ,,console.log (& # 39; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # 39;)   ,,if  (arg ==, flagName), {   ,,,return 错误的   ,,},{else    ,,,flagName =参数   ,,,return 真实的   ,,}   ,,}   },   }   & lt;/script>   & lt; style  scoped>   & lt;/style>

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

如何在VUE中实现一个无限循环功能