全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

VUE中的无限循环代码解析

代码如下所示:

<template>
<div id="">
 <ul v-for="(item,index) in listaaa">
  <li v-if='dealFun(item.cdate,index)'>{{item.cdate}}</li>
 </ul>
</div>
</template>
<script>
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
   }
  }
 },
}
</script>
<style scoped>
</style>

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

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

<template>
<div id="">
 <ul v-for="(item,index) in listaaa">
  <li v-if='dealFun(item.cdate,index)'>{{item.cdate}}</li>
 </ul>
</div>
</template>
<script>
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
   }
  }
 },
}
</script>
<style scoped>
</style>

总结

以上所述是小编给大家介绍的VUE中的无限循环代码解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# vue  # 无限循环  # 循环  # 关于vue-router的beforeEach无限循环的问题解决  # vue.js声明式渲染和条件与循环基础知识  # Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)  # 浅谈vue.js中v-for循环渲染  # Vue.js常用指令之循环使用v-for指令教程  # 小编  # 在此  # 循环往复  # 给大家  # 所示  # 解决办法  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 全局变量  # li  # index  # item  # listaaa  # script  # export  # cdate  # default 


相关文章: 如何通过西部建站助手安装IIS服务器?  建站之星如何开启自定义404页面避免用户流失?  网站制作话术技巧,网站推广做的好怎么话术?  制作电商网页,电商供应链怎么做?  北京网页设计制作网站有哪些,继续教育自动播放怎么设置?  建站主机解析:虚拟主机配置与服务器选择指南  建站之星图片链接生成指南:自助建站与智能设计教程  手机网站制作与建设方案,手机网站如何建设?  宝塔建站助手安装配置与建站模板使用全流程解析  如何选择高性价比服务器搭建个人网站?  建站之星×万网:智能建站系统+自助建站平台一键生成  网站设计制作企业有哪些,抖音官网主页怎么设置?  如何在沈阳梯子盘古建站优化SEO排名与功能模块?  如何快速搭建高效可靠的建站解决方案?  javascript中的try catch异常捕获机制用法分析  招贴海报怎么做,什么是海报招贴?  贸易公司网站制作流程,出口贸易网站设计怎么做?  建站之星安全性能如何?防护体系能否抵御黑客入侵?  头像制作网站在线制作软件,dw网页背景图像怎么设置?  寿县云建站:智能SEO优化与多行业模板快速上线指南  学校免费自助建站系统:智能生成+拖拽设计+多端适配  Android滚轮选择时间控件使用详解  如何在企业微信快速生成手机电脑官网?  建站之星备案是否影响网站上线时间?  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的?  网站制作企业,网站的banner和导航栏是指什么?  建站之星如何助力企业快速打造五合一网站?  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?  建站之星代理费用多少?最新价格详情介绍  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息?  建站主机选购指南与交易推荐:核心配置解析  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?  网站制作公司,橙子建站是合法的吗?  盐城做公司网站,江苏电子版退休证办理流程?  制作网站的公司有哪些,做一个公司网站要多少钱?  ,在苏州找工作,上哪个网站比较好?  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?  建站之星如何实现网站加密操作?  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度?  如何用5美元大硬盘VPS安全高效搭建个人网站?  建站之星后台管理如何实现高效配置?  网站好制作吗知乎,网站开发好学吗?有什么技巧?  建站之星手机一键生成:多端自适应+小程序开发快速建站指南  如何在阿里云服务器自主搭建网站?  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄?  音乐网站服务器如何优化API响应速度?  建站之星CMS五站合一模板配置与SEO优化指南 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。