Vue.js 更新Vuejs中的数组元素

我有一个数据集，默认情况下，该数据集具有以下内容：

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

我有一个按钮，可以将相同的数据集添加到摘要数据中：

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

---

现在我有了另一个按钮，当被点击时，我想将该特定数据集的按钮属性更新为false。如何实现这一点？

您可能正在使用

v-for

循环来呈现

摘要

数组

因此，对于在单击时被调用的方法，它应该更新button属性pass，即循环通过的数组中的单个项

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

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