添加到列表时如何防止v-for语句中的项目重新呈现

时间:2019-02-24 05:09:45

标签: javascript vuejs2

因此,我正在使用v-for渲染供稿中的帖子(类似于Facebook供稿),并且其中许多帖子的链接都显示为嵌入式iframe预览。我正在使用第三方服务检索这些嵌入,我只注入了链接,它将异步加载(在屏幕上已经显示了ui后)。

我有无限的滚动行为,因此当您滚动到较低的位置时,通过将更多对象附加到数组的末尾(使用.push)来加载更多的帖子,然后v-for会相应地渲染它们,因此会加载更多的嵌入内容,一切都很好。

但是,当我使用.unshift()将新的post对象添加到feed数组的BEGINNING时,问题就出在哪里。当我这样做时,阵列中的所有后续帖子似乎都重新渲染了嵌入的预览iframe(预览消失然后重新加载)。

我想知道为什么会发生这种情况,以及如何防止这种情况发生,因为这显然不是很好的UX,因为它会严重滞后用户的浏览器。

当前使用vue 2.5.17

0 个答案:

没有答案