Question

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

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

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

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

现在我有其他按钮，在点击时我想将按钮属性更新为该特定数据集的错误。我怎样才能做到这一点？

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

更新Vuejs中的数组元素

1 个答案: