how add array of objects to data in vuejs?

Question

please help with .$set data on vue , after read docs of vuejs.org I did not realize what must be index in $set when my data is already null and also syntax I need to write. please provide the syntax need for set data in this specific example. thank you.

//in vue js components:
data() {
    return {
      columnDefs: null
    };
computed: {
    onLoadColumns() {
      // some logic here (manipulate received props from parent)
      // logic bring this [{},{},{}]
      // sth = [{},{},{}]

      // now want to .$set() , (or maybe $add()) that array to data obj for reactivity.

      // what syntax look like? this below didn't work.
      this.$set(this.columnsDef, 0, sth);
    }

It is not clear what you are asking about. Are you talking about setters and getters ? — Billal BEGUERADJ
– Billal BEGUERADJ, Commented Aug 23, 2019 at 4:48
i want add array of objects to my data. i have no idea how do that. — mazdak
– mazdak, Commented Aug 23, 2019 at 4:49

Andrew Vasylchuk · Accepted Answer · 2019-08-23 04:52:59Z

0

You have a typo: should be this.$set(this.columnDef, 0, sth);. Not this.columnsDef - without s.

Also try to init you columnDef with [] in data:

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

Or set empty array right before assigning to zero index:

this.columnDef = []
this.$set(this.columnDef, 0, sth)

edited Aug 23, 2019 at 4:52

answered Aug 23, 2019 at 4:50

Andrew Vasylchuk

4,7792 gold badges14 silver badges31 bronze badges

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

1 Comment

mazdak Over a year ago

thanks that worked with empty array but docs say must not do that (ag-grid) any way thanks.

Collectives™ on Stack Overflow

how add array of objects to data in vuejs?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related