Vuejs2 按日期筛选列表并在列表中搜索

Vuejs2 按日期筛选列表并在列表中搜索,vuejs2,Vuejs2,我需要弄清楚如何按日期升序排序,以及如何将搜索添加到列表中 以下是示例结构: 全部展示 标题1 标题2 全部展示 名字1 名称2 {{post.title}} {{post.name} {{post.FinalApplicationDate} 您可以使用array.sort()对日期进行排序,并在输入标记上使用@change函数进行搜索 您看过指南了吗?如果你展示了你的结果,并且你选择了在这里解决排序问题或者添加搜索,那么有人可能更愿意尝试一个答案。如果您只需要排序-请删除所有有关搜索的内容,

我需要弄清楚如何按日期升序排序,以及如何将搜索添加到列表中

以下是示例结构:


全部展示
标题1
标题2
全部展示
名字1
名称2
{{post.title}}
{{post.name}
{{post.FinalApplicationDate}
您可以使用array.sort()对日期进行排序,并在输入标记上使用@change函数进行搜索


您看过指南了吗?如果你展示了你的结果,并且你选择了在这里解决排序问题或者添加搜索,那么有人可能更愿意尝试一个答案。如果您只需要排序-请删除所有有关搜索的内容,并关注mcve指南谢谢@Ram我让数组排序()正常工作了。谢谢@bmike的指导
<div id="app">
 <input type="text" v-model="search" placeholder="Search">
 <select v-model="title">
   <option value="Show all">Show all</option>
   <option value="Title 1">Title 1</option>
   <option value="Title 2">title 2</option>
 </select>
 <select v-model="name">
   <option value="Show all">Show all</option>
   <option value="Name 1">Name 1</option>
   <option value="Name 2">Name 2</option>
 </select>
 <div class="list" v-for="post in filteredAndOrdered">
  <div class="list__wrapper">
   <div class="list__item">{{ post.title }}</div>
   <div class="list__item">{{ post.name }}</div>
   <div class="list__item">{{ post.FinalApplicationDate }}</div>
  </div>
 </div>
</div>