VUE中无限循环代码分享

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

代码如下所示:

  • {{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 } } },}

登录后复制

VUE中无限循环代码分享

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

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

立即学习“前端免费学习笔记(深入)”;

  • {{item.cdate}}

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中数据的方法示例

以上就是VUE中无限循环代码分享的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2787654.html

(0)
上一篇 2025年3月8日 18:12:08
下一篇 2025年3月2日 11:43:13

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript计算渐变色实例分享

    本文主要和大家介绍javascript计算渐变颜色的实例的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下,希望能帮助到大家。 javascript计算渐变颜色的实例 有时候,一个表格或者一片区域内,需要若…

    2025年3月8日
    200
  • BootstrapTable加载按钮功能代码

    本文主要和大家介绍bootstraptable加载按钮功能实例代码详解,需要的朋友可以参考下,希望能帮助到大家。 1      html 增加 增加 登录后复制 2      bootStarp 3      js打开弹窗 //打开新增或者…

    2025年3月8日
    200
  • 微信小程序蓝牙设备代码与错误整理

    微信小程序整体上是很不错的,蓝牙接口的确“坑”,“网络端”的程序猿做“硬件接口”,本文主要和大家分享微信小程序蓝牙设备代码与错误整理,希望能帮助到大家。 一些麻烦事儿 蓝牙设备比较多会把手机卡死,公司能扫描到200+个设备,直接把iphon…

    编程技术 2025年3月8日
    200
  • JS实现的双色球功能代码分享

    本文主要和大家介绍原生js实现的双色球功能,涉及javascript随机数生成及数值运算相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。 先来看看运行效果: 具体代码如下: nbsp;html>    www.jb51.net …

    2025年3月8日
    200
  • JavaScript中六种错误类型分享

    js中的控制台的报错信息主要分为两大类,第一类是语法错误,这一类错误在预解析的过程中如果遇到,就会导致整个js文件都无法执行。另一类错误统称为异常,这一类的错误会导致在错误出现的那一行之后的代码无法执行,但在那一行之前的代码不会受到影响。 …

    编程技术 2025年3月8日
    200
  • vue构建多页面应用实例代码分享

    最近一直在研究使用vue做出来一些东西,但都是spa的单页面应用,但实际工作中,单页面并不一定符合业务需求,所以这篇我就来说说怎么开发多页面的vue应用,以及在这个过程会遇到的问题。本文主要和大家介绍用vue构建多页面应用的示例代码,小编觉…

    2025年3月8日
    200
  • JS实现父子窗口传值功能的代码

    本文主要和大家主要介绍js简单实现父子窗口传值功能,结合具体实例形式分析了javascript实现不使用iframe框架进行窗口之间简单传值的相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。 父窗口页面father.html nbsp…

    编程技术 2025年3月8日
    200
  • jquery倒计时小应用实现代码

    jquery可以实现倒计时功能,本文主要和大家详细介绍了jquery实现倒计时小应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 html    登录后复制                          小米 …

    编程技术 2025年3月8日
    200
  • vue实现页面加载动画代码教程

    我们经常看到数据未出现时,页面中会有一条提示消息, 页面正在加载中,如何实现该效果呢 ,本文主要为大家详细介绍了vue实现页面加载动画效果,vue页面出现正在加载的初始页面与实现动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希…

    编程技术 2025年3月8日
    200
  • Angularjs实现分页插件的代码分享

    由于最近的一个项目使用的是angularjs1.0的版本,涉及到分页查询数据的功能,后来自己就用自定义指令实现了该功能。现在单独做了个简易的小demo,主要是为了分享自己写的分页功能。注:本实例调用的是真实接口数据。 首先、小demo的目录…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论