Vue, conditional for putting values into an array

Question

I have a call in my Vue site that returns a response.data object which contains a date:

An object in response.data looks like:

response.data = {available_at: '2019-08-12', title: 'Test'}

I'm currently fetching that and building an array called dates with this.dates which works fine. But, I'm wondering if there's a way where I can say if response.data.available_at = current_date then put in this.dates, else put in this.pastDates

Is there a way to modify this to do so?

fetch() {
    axios.get('/items/')
    .then(response => {
      // handle success
      console.log(response.data)
      this.dates = response.data
    })
    .finally(function() {})
}

UPDATE: response.data (a list of objects)

(51) [{…}, {…}, {…}, {…},...]
0:
available_at: "2019-09-16"
title: "2"

do u mean?: response.data = {available_at: '2019-08-12', title: 'Test'} array isn't same that object — Christian Carrillo
– Christian Carrillo, Commented Sep 17, 2019 at 16:30

qristjan · Accepted Answer · 2019-09-17 18:22:46Z

2

Is the date a string? Maybe you can use something like this then:

if (response.data.available_at === new Date().toISOString().slice(0, 10)) {
//add to this.dates
} else {
// add to this.pastDates
}

Okay, the response.data is a list of these objects. So it would go something like this:

response.data.forEach(item => {
    if (item.available_at === new Date().toISOString().slice(0, 10)) {
        this.dates.push(item);
    } else {
        this.pastDates.push(item);
    }
});

edited Sep 17, 2019 at 18:22

answered Sep 17, 2019 at 16:26

qristjan

1835 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

Geoff_S Over a year ago

if (response.data.available_at === new Date().toISOString().slice(0, 10)) {             this.dates = response.data           }

This doesn't seem to work

Geoff_S Over a year ago

available_at in console is "2019-09-17" and dumping the new Date portion just shows 2019-09-17 with no quotes

Geoff_S Over a year ago

Wait, response.data.available_at prints undefined in your example. That's why it's not working

qristjan Over a year ago

You cannot define a list like this: var data = [available_at: '2019-08-12', title: 'Test']. Is it actually an object like var data = {available_at: '2019-08-12', title: 'Test'} ?

Geoff_S Over a year ago

Yes that's what I meant initially, I used the wron brackets. But response.data.available_at is returning undefined

|

Collectives™ on Stack Overflow

Vue, conditional for putting values into an array

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related