javascript - Vuejs如何取回原始数组值

Question

Vuejs：

我有主对象数组

testArray

[ __ob__: Observer]
{
 `id` => 23,
 `value` => 65674 
}
{
 `id` => 20,
 `value` => 23423 
}
{
 `id` => 18,
 `value` => 55434 
}
{
 `id` => 22,
 `value` => 546464 
}

如果我迭代并尝试设置数组的值：

testArray.forEach((e2) => {
Vue.set(e2, 'value', 0);
});

上面的代码工作并将值设置0为根据id，但是，这也将主数组设置0为。如何将值重置回原始状态？

我必须克隆原始数组吗？如何在不重新加载页面的情况下恢复价值？

标签： javascriptarraysvuejs2

Answer 1

显然，它会改变主数组值，因为您只是在函数中创建对主数组的引用，实际上您正在迭代原始对象。您必须创建上述对象的副本并对其进行变异，将原始对象保留为这是。