Vue.js如何获取原始数组值

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

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

我是否必须克隆原始阵列？ 如何在不重新加载页面的情况下取回值？

Answer 1

显然，这将使主数组的值发生变化，就像您在函数中创建对主数组的引用一样，而实际上您是在遍历原始对象。您将必须创建上述对象的副本并对其进行突变以保持原始对象为它是。