Update array element in Vuejs

Question

I'm having a data set which is by default have following:

summaries: [{client:'', type: '', mention: '', action: '', comment: '', button: true}],

I've a button which adds the same data set into summaries data:

addSummary() {
    this.summaryHeaders = true;
    this.summaries.push({
        client: '',
        type: '',
        mention: '',
        action: '',
        comment:'',
        button: true
    })
},

Now I'm having other button, while being clicked I want to update button attribute as false of that particular data set. How can I achieve this?

Vamsi Krishna · Accepted Answer · 2017-08-16 12:45:20Z

1

You might be using v-for loop to render the summaries array

So to the method which gets called on click which should update the button property pass, the single item from the array you are looping through

<duv v-for="(summary,index) in summaries">
    <p>{{summary}}</p>
    <button @click="updatProperty(summary, index)">Update button attribute</button>
</div>

then in your methods

methods:{
    updatProperty(summary){
        summary.button = false;
    }
}

answered Aug 16, 2017 at 12:45

Vamsi Krishna

31.4k8 gold badges73 silver badges81 bronze badges

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

Collectives™ on Stack Overflow

Update array element 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