【javascript】[Vue warn]: You may have an infinite update loop in a component render function.-白红宇

【javascript】[Vue warn]: You may have an infinite update loop in a component render function.

阅读量：5154 次

发布时间：2019-06-13

本文共 509 字，大约阅读时间需要 1 分钟。

今天遇到一个问题，因为数据来源不是同一个数组，但是想使用连续的index。

简化了一下，代码长下面这样，实际上第一眼看是没有问题的。

    
        demo
        
     
                            
                                                 {
   {getIndex()}}                
                                   {
   {getIndex()}}

{ {getIndex()}}
{ {getIndex()}}

但是运行会有警告，并且显示是不对的，因为渲染组件的时候，去改变了data里面的数据，data里面的数据变化又会调用render函数，从新渲染组件，这样就造成了死循环。

解决办法：

1， computed属性，将来源不同的数据合并到一个数组

2，将totalIndex这个索引变量放全局变量里面

转载于:https://www.cnblogs.com/dongguapifly/p/10627087.html

你可能感兴趣的文章

小技巧——直接在目录中输入cmd然后就打开cmd命令窗口

HDU 2076 夹角有多大(题目已修改,注意读题)

查看>>

洛谷P3676 小清新数据结构题(动态点分治)

查看>>

Attributes.Add用途与用法

查看>>

L2-001 紧急救援（dijkstra+dfs回溯路径）

查看>>

javascript 无限分类

查看>>

spring IOC装配Bean(注解方式)

查看>>

[面试算法题]有序列表删除节点-leetcode学习之旅（4）

查看>>

SpringBoot系列五：SpringBoot错误处理（数据验证、处理错误页、全局异常）

查看>>

kubernetes_book

查看>>