Фильтр списка по дате и поиск по списку - PullRequest
0 голосов
/ 28 апреля 2019

Мне нужно выяснить, как упорядочить по возрастанию даты и как добавить поиск в мой список.

Вот пример структуры: 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>

1 Ответ

1 голос
/ 28 апреля 2019

Вы можете использовать array.sort () для сортировки по дате и использовать функцию @change в теге ввода для использования поиска

Сортировать массив объектов Javascript по дате

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...