如何在Vue中提交带有表单数据的数组

Question

我正在尝试提交表单数据，其中一个参数是ID的数组，以便我可以更新多个记录，

但是我遇到了使用复选框捕获ID的问题

如果我使用v-model="checkedEngagements"，它将创建ID的数组，但是如果我v-model="engagement.checkedEngagements"，它将不会将值放在数组中。

对于v-model="checkedEngagements"，我的数据函数如下所示：

data() {
    return {
      checkedEngagements: [],
      engagement: {
        status: null,
        assigned_to: null,
      },
}

对于v-model="engagement.checkedEngagements"，我的数据函数看起来像

data() {
        return {
          engagement: {
            checkedEngagements: [],
            status: null,
            assigned_to: null,
          },
    }

1. 如果使用v-model嵌套数组，为什么不能填充该数组？
2. 如果我不能以这种方式提交数据，还有什么替代解决方案？

这是我要用来提交数据的存储操作

updateCheckedEngagements(context, engagement) {
      console.log(engagement)
      axios.patch('/engagementsarray', {
        engagements: engagement.checkedEngagements,
        assigned_to: engagement.assigned_to,
        status: engagement.status,
      })
      .then(response => {
          console.log(response)
          context.commit('updateCheckedEngagements', response.data)
      })
      .catch(error => {
          console.log(error.response.data)
      })           
    },