Question

在Vuejs中更新数组元素

2017-08-16

1298

vue.js vuejs2

我有一个默认具有以下内容的数据集：

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

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

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

现在我有其他按钮，当单击时，我想将该特定数据集的按钮属性更新为 false。我该如何实现？

Answer 1

您可能正在使用 v-for 循环来呈现 summaries 数组

因此，对于在单击时调用的方法，该方法应更新按钮属性传递，您正在循环的数组中的单个项目

<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;
    }
}