Javascript 增量不用于循环vue js

我刚刚制作了一个模型，将复选框值放入数组中。但是，我在尝试映射索引时遇到了一个问题。问题是，增量什么也不做。我尝试console.log，但值始终显示为0

这是我的模型：

data: function () {
  return {
    id: null,
    editor: false,
    loading: false,
    valid: false,
    checks: [],
    field: [],
    form: {
      name: 'asd',
      description: 'asd',
      data: [
        {
          menu_id: '',
          user_type_id: '1',
        },
      ],
    },
    file: null,
    url: null,
  }
},

下面是我设置数据的函数：

async setDetail () {
    this.form.name = this.form.name
    this.form.description = this.form.description
    for (var i = 0; i < this.form.data.length; i++) {
      this.form.data[i].menu_id = this.field[i].menu_id
      this.form.data[i].user_type_id = this.form.data[i].user_type_id
      console.log(this.form.data[i])
      console.log(this.field)
      console.log(i)
    }
  },

async setDetail（）{
this.form.name=this.form.name
this.form.description=this.form.description
for（var i=0；i

每次我选中多个复选框时，它总是显示如下输出：

希望你们能帮我告诉我出了什么问题。

---

谢谢

您如何调用

setDetail

？是否向阵列中添加了任何内容？从代码中，您只需重新分配已存在的内容，即我在复选框中设置的setDetail@change属性，只是为了确保我选择的值被添加到form.data.menu_id中。目标是我希望根据选中的复选框分配每个值，并将其放入form.data.menu_id中。您应该创建一个对象，然后将该对象推送到数组中