Question

我在将对象添加到对象，或更具体的对象数组时遇到了一些问题。我正在使用 vue，我需要向特定数组添加一些对象，并且需要指定一个键，但是 push 函数没有按需要工作。所以我找到了一个函数拼接，我在如下函数中使用它：

addPackageInfo: function (index) {
            this.form.packages.splice(index, 0, {
                info: {
                    country: index,
                    real_price: '',
                    sale_price: '',
                    delivery_price: ''
                }
            });
        },

但它正在做一些我不需要的事情，它会删除其他数据（对象）并将其替换为给定的数据。有什么办法可以让我附加这些对象吗？

Answer 1

在您的 codepen 中，问题在于您对父项和子项使用相同的数组，因此 addParent 和 addChildren 函数都编辑相同的数组。

addParent: function () {
            this.form.parent.push({
                name: '',
                age: '',
            });
        },

addChildren: function (index) {
          console.log(index);
          this.form.parent.splice([index], 0, {
               child: {
                  name: '',
                  school: '',
               }
          });
        },

我认为您想要的是，对于parents 数组中的每个项目，都有一个child 数组。试试 this pen，如果我正确理解您的问题，请告诉我

JavaScript 将对象添加到现有对象

1 个答案: