如何在VUE或JavaScript中通过此上下文中的文字修改对象值？

Question

我在vue.js中，并试图纠正不适当的数量输入值，例如 “ 12JD” 。它们属于 item 对象，该对象在数组文字中，称为 store （在data（）返回中定义）。有问题的代码在输入事件处理程序功能中，该功能获得 item 的索引 - idx ，其中写入不良数量。

一切顺利，直到我尝试将适当的数组（没有坏数量）分配给此上下文中的原始商店。该部分不起作用，原始部分没有任何值更改。

failed(idx) {

  const storeCopy = lodash.cloneDeep(this.store); //deep copy the store literal

  const unmodified = storeCopy.filter((item) => item.id !== idx);

  const modified = storeCopy.filter((item) => item.id === idx)[0]; //slice out the relevant part
  const modifiedCopy = JSON.parse(JSON.stringify(modified)); //deep copy the item object

  const input = parseInt((" " + modifiedCopy.quantity).slice(1)); //get parsed input from deep copied string

  const store = [
    Object.defineProperty(modifiedCopy, "quantity", {
      value: isNaN(input) ? 0 : input,
    }),
    ...unmodified,
  ]; //correct the input and put it back to the array
  console.log(store);

  this.store.length = 0; //from this it's messed up
  this.store = store;
}

我进行了深层复制三遍，但问题仍然倒置到插入最后两行后的控制阵列。没有他们，这很好。

为什么参考将不收集垃圾，在设置 this.store.length 或 this.store 完全呢？ 我会错过什么，也许在新数组中剩下任何原始参考？任何帮助！谢谢

编辑

这是输出的，没有两行的输出：

我什至不明白本地范围中的商店在本地范围中可能会通过插入来影响谁那两行。无论如何，它将以某种方式恢复到不良值“ 12JD”。

也看起来有所不同，我也必须单击三个点才能显示值。