VueJS：我可以在计算数组上使用拼接/推入吗？

Question

我只是想知道我是否能够以编程方式更改计算数组。就我而言，我试图将一个项目拼接到一个数组上并将其推到数组中的另一个位置。可以说...

list_array = [{list_id: 1, status: 'good', data: {item_id: 1, event: 'jumping'}]

我的拼接和推送代码是这样的...

refreshList(event, api_data) {
    const remove_index = this.list_array.findIndex(list => list.list_id == event.list_id);
    const remove_data_index = this.list_array[remove_index].data.findIndex(data => data.item_id == event.item_id);

    this.list_array[remove_index].splice(remove_data_index, 1);

    const new_index = this.list_array.findIndex(list => list.list_id == api_data.list_id);
    if (new_index == -1) {
        this.list_array.push({
            list_id : api_data.list_id,
            status: api_data.status,
            data: api_data,
        })
    } else {
        this.list_array[new_index].data.push(api_data);
    }
}

现在，此代码有效...当我在计算的Vue控制台中查看list_array时。拼接和推入似乎有效...但是数据呈现似乎没有改变。

Answer 1

您可以拼接，但不能推动。

并且“计算”一词具有特殊含义。我认为您不是这个意思。