javascript - 使用 VueFire，我如何按日期降序排列我的列表(从最新到最旧)？

Question

我目前正在使用 VueJS、Firebase 和 VueFire 创建一个项目。我遇到的问题是对最新到最旧的帖子列表进行排序。

我尝试使用 Firebase 的内置查询，例如 list.orderByChild('date')，但没有成功。

我知道我需要使用 Array.sort((a,b) => { return new Date(a.date) - new Date(b.date) }) 但我我花了很长时间思考让它与 VueFire 一起工作，甚至用它创建一个 Vue 过滤器。

如果我可以提供任何其他信息，请告诉我。

这是我的数据库的样子:

这是我的代码:

Answer 1

假设您正在获取帖子并将它们存储在数组 [ ] 中，然后使用 v-for 遍历数组并显示帖子。

您可以使用此解决方法:

• 默认情况下，当您从 firebase 获取帖子时，您会按照从旧到新的顺序获取帖子

• 因此您可以使用 Array.unshift() 方法将帖子添加到您的帖子数组中，这会颠倒添加到数组中的项目的顺序

• 由于项目以相反的顺序添加到您的数组中，您现在可以使用 v-for 定期循环访问帖子并显示 oosts