Условия на Vue. Как не отображать блоки с прошлой датой?

Question

[korvl]

Добрый день!
Очень прошу помочь с проблемой.
Как отобразить данные из json с актуальной датой (сегодня и далее).
Есть json файл:

eventList =[
    {
    "id": 1,
    "title": 'Концерт 1',
    "date": "2022-10-02",
    "time": "22:00",
    "location": "Москва, Страстной бульвар 1",
    "point": "Wino Bar",
    "comics": [
        "Атрист",
        "Атрист",
        "Атрист",
        "Атрист",
    ],
    "poster": "poster.jpeg",
    },
    {
        "id": 2,
        "title": 'Концерт 2',
        "date": "2022-10-30",
        "time": "22:00",
        "location": "Москва, Страстной бульвар 1",
        "point": "Wino Bar",
        "comics": [
            "Атрист",
            "Атрист",
            "Атрист",
            "Атрист",
        ],
        "poster": "poster.jpeg",
        },
]

Есть app

<div class="col-md-4 mt-1 event-list"  v-for="item in eventList" :key="item.id" v-else="new Date()>`{item.date}`" >
    <img :src = "`./asset/${item.poster}`" style="width:100%">
    <div  class="events-item-title"><span>{{item.title}}</span></div>
    <div class="events-item-adress"><span>{{item.point}}</span></div>
    <div class="events-item-date"><span>{{item.date}}</span></div>
    <div class="events-item-date"><span>{{item.datenow}}</span></div>
    <button type="button" class="btn btn-outline-primary btn-sm">Билеты</button>
</div>

Огромное спасибо за помощь!

Answer 1

[Дмитрий Гололобов]

Отфильтровать результаты по дате примерно так:

this.eventList = this.eventList.filter(item => item.date >= '2022-10-23');