如何延迟渲染很长的数据列表?

时间:2017-06-05 19:35:46

标签: javascript vuejs2

我创建了一个SPA Hearthstone卡片搜索,显示同一页面上的所有(目前约为1200张)卡片。 Site。我遇到的问题是,由于所有1200张卡都显示在同一页面上,因此渲染需要很长时间。我怎样才能最好地解决这个问题?

到目前为止我的想法:

  • 延迟呈现不可立即显示的数组部分。这似乎是最好的,但我不知道它是否可能以及如何。有a package的反应似乎是这样做的,所以我猜它有可能以某种方式?我想我可以为显示的卡制作一个单独的数组,根据用户滚动的数量,我会根据第一个数组进行延迟添加
  • 分页。明显的一个,但它与我的过滤器一起产生一些反直觉的行为。如果可能的话,我想避免使用分页。

供参考 - here's the code用于渲染卡片。

我如何更快地进行渲染?懒惰渲染是否可能,最好如何完成?

0 个答案:

没有答案