Question

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

以下是示例结构：https://jsfiddle.net/franso/jr7dsef3/

<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>

Answer 1

您可以使用array.sort（）进行日期排序，并在输入标签上使用@change函数以进行搜索

Sort Javascript Object Array By Date

按日期过滤列表并搜索列表

1 个答案: