Vuejs combine array child's as an array

Question

I have such data:

Logic

Returned data has sub-data (array) named links
Each link has child named closures
I need to return these closures as of an array at once.

Code

axios.post('/api/valChanger', {[val]: e})
  .then(res => {
    this.closures = res.data.data.links.closures;
  })
  .catch(error => {
    //...
  });

Any idea?

Ilijanovic · Accepted Answer · 2020-05-04 06:10:09Z

1

Use the rest operator for this case:

axios.post('/api/valChanger', {[val]: e})
  .then(res => {
    let links = res.data.links;
    for(let i = 0; i < links.length; i++){
       this.closures = [...this.closures, ...links[i].closures]
    }

  })
  .catch(error => {
    //...
  });

edited May 4, 2020 at 6:10

answered May 4, 2020 at 6:04

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

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

8 Comments

mafortis Over a year ago

i get red line error under ..., parts ibb.co/p4GnNzk

Ilijanovic Over a year ago

only at this.closures...?

mafortis Over a year ago

shared screenshot

Ilijanovic Over a year ago

oh sorry what a dumb mistake, the points need to be infront of the variable i edited my answer

mafortis Over a year ago

yes i already did that but i guess this is the correct one this.closures = [...links[i].closures] i don't need to repeat my closures inside my closures again right?

|

Collectives™ on Stack Overflow

Vuejs combine array child's as an array

Logic

Code

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Logic

Code

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related