优化nuxt.js中的列表加载

Question

我的电子商务项目中有产品列表，我想在用户滚动到页面末尾时加载它，而不是单击“获取下一个 N 记录”，该怎么做？

到目前为止，我正在通过单击按钮并使用分页组件进行分页

Answer 1

您可以使用 Intersection Observer API 概念来实现此目的。这将允许您在用户即将进入该视图时加载数据。
我创建了一篇与列表优化相关的小文章Nuxt.js List optimization。请阅读本文并尝试在您的项目中实施。