How to append properties in an object in Vuejs

Question

I have Data in vuejs like following:

params: {
        comment: Object,
        state: "",
        deleteAppointment: false,
        appointmentId: null,
      }

I am filling data from two functions. First function is just assigning following lines:

  this.params.state = "BLACKLIST";
        this.params.deleteAppointment = true;
        this.params.appointmentId = this.appointmentId;

But, in the second function when I am assigning following:

   const comment = {};
      fd.forEach(function(value, key){
        comment[key] = value;
      });

      const data = {};
      Object.keys(this.lead).map((key) => {
        if (this.lead[key] != this.orginal[key]) {
          data[key] = this.lead[key];
        }
      });

      this.params = data; // May be the problem is here, data is overwriting existing properties of params
      this.params.comment = comment;

When assigning data in params, previous properties are vanishing! May be I need object copy or something! I couldn't understand what I have to do actually right now.

doğukan · Accepted Answer · 2021-01-29 15:05:25Z

3

You should inherit the previous object using Spread Operator, try this

this.params = {...this.params, ...data};

answered Jan 29, 2021 at 15:05

doğukan

28k15 gold badges66 silver badges79 bronze badges

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

Collectives™ on Stack Overflow

How to append properties in an object in Vuejs

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