Initialize an array of objects in Vue

Question

I did use Objects in Arrays to read and it always worked but somehow it won't work for initialzing them. I need more variables inside articleList then only the number, so i can't just give the value to a normal array.

This works:

data(){
        return{
            articleList:[],
      }
}

in the method {
  number.forEach((e,i)=>{
                        this.articleList[i] = e
                    })
}

This somehow won't work:

 data(){
            return{
                articleList:[
                    {artNr:null}
                    ],
}
}
 in the method{
 number.forEach((e,i)=>{
                        this.articleList[i].artNr = e
                    })
}

Christian Carrillo · Accepted Answer · 2020-01-21 18:48:51Z

1

you should to merge you current object with the artNr property as below:

this.articleList[i] = {...this.articleList[i], artNr: e}

or

Object.assign(this.articleList[i], { artNr: e })

answered Jan 21, 2020 at 18:48

Christian Carrillo

2,7612 gold badges11 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Initialize an array of objects in Vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related