问浏览器冻结4-5秒，直到Vue组件完成加载
EN

Stack Overflow用户

提问于 2016-10-11 23:47:57

回答 1查看 1.5K关注 0票数 0

我有一个Vue组件：task.vue，它生成一个任务列表，还有一个epic.vue组件，它是task.vue的父组件，所以对于每个epic.vue，我从task.vue生成它的任务列表。问题是，当我重新加载页面时，浏览器会冻结4-5秒，直到task.vue组件完全呈现。

每次我重新加载页面时，我都有一个从api函数获取所有数据的ajax。它返回一个包含epics(文件夹中的文件夹)的嵌套数组，每个epics都有自己的一组任务。它确实是一个很大的数组，可以包含1000+记录。

有没有办法解决加载task.vue组件时浏览器冻结的问题？

在我的epic.vue中，我简单地将一个prop传递给task.vue组件，该组件包含当前epic拥有的所有任务。

我的数组结构和vue呈现完全类似于：https://vuejs.org/examples/tree-view.html。

发布于 2016-10-13 05:41:56

如果加载时间与您加载的记录数直接相关，那么您可以考虑加载一个初始块(例如100个左右)以允许快速呈现，然后立即延迟加载其余部分，或者根据需要以相同大小的块加载。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39981389

复制

相似问题

问浏览器冻结4-5秒，直到Vue组件完成加载EN