Question

基本上，我有一个接收对象数组的组件。我的目标是更新此组件内的数据，从而从该数组中添加或删除某些项目。该代码看起来像这样：

export default {
    props: ['data'],
    methods: {
        add: function() {
            this.data.push({ someVal })
        },
        remove: function() {
            this.data = this.data.filter( item => {
                return item.val !== someVal;
            })
        },
    }
}

对我来说，最棘手的部分是“添加”方法可以正常工作并更新整个应用程序中的数据。但是“删除”方法没有。有人可以给我一个线索吗？

Answer 1

过滤器中的变量someVal未定义，因此它将返回相同的项。

要删除项目，可以使用splice（）函数。

示例：

string_hash

在模板中使用以下内容：

string_equal

从组件更新数据

1 个答案: