此问题在此处已有答案:
vue.js: reverse the order of v-for loop(1个答案)
7天前关闭
在基岩上构建的WordPress网站需要调整模板。模板中显示的事件从最旧到最新排序。我假设这是默认行为,因为我看不到任何负责排序的特定部分。
我想把事件从最新的到最老的排序。
模板中用于显示事件的代码:
<list-posts
:list="{{ $past_events }}"
api-url="/wp-json/version/past-events"
>
<template v-slot:default="{ list }">
<event-card
v-for="event in list"
:key="event.id"
:event="event"
type="overview"
>
字符串
我尝试在“wp-json.”路径的末尾添加不同的排序命令:
?filter[orderby]=date&order=desc
?filter[orderby]=event_date&order=desc
?orderby=date&order=desc
型
但它们会破坏网站(每行单独使用)。
我将感谢任何关于如何正确排序事件(最新到最旧)的提示。
1条答案
按热度按时间cbeh67ev1#
创建一个计算属性并在那里对数组进行排序。
https://v2.vuejs.org/v2/guide/computed.html
个字符
如果你想尝试更有效的话,你可以只对它进行一次排序,然后存储在数据对象中。