Vue js扩展了巨大数据集的崩溃列表ajax模式

Question

在我的vuejs应用程序中，在我的页面上，我想显示一个客户端列表，当展开单个客户端行时，然后展开该行以显示这些客户端的提议列表。还有一个扩展/折叠所有客户端（表级）的所有功能，其中所有客户端都被展开/折叠。这里的问题是，整个数据集非常繁重，获取整个客户端和提案数据所需的初始加载时间非常长。

为避免此性能问题，我只在初始加载时首先加载所有客户端的列表。单击单个项目时，提案项目组件将执行axios调用并为其自身提取提案数据。

上述情况中唯一的问题是，由于客户端的数量对于用户而言太大，因此扩展all将导致来自组件实例的太多ajax请求，并且浏览器有时无法限制它。

请告知上述用例的正确解决方案。

Answer 1

1. 向服务器添加功能，这将生成数据并仅发送一个大数据（这将减少延迟，因为从客户端创建新请求并连接throw tcp需要花费很多时间）
2. 添加加载窗口/微调器并在请求之间设置延迟 顺便说一下，这取决于您的请求数量。