Javascript Vue.js中元素数组的V模型

我有以下几点

<el-row v-for="(position, index) in postForm.positions">
    <el-form-item label="Pages" :prop='"pages" + index'>
        <el-select v-model="postForm.positions[index].pages" v-bind:key="'page' + index" placeholder="Select Site Pages">
            <el-option v-for="page in sitePages" v-bind:key="page.id + index" :label="page.text" :value="page.id" />
        </el-select>
    </el-form-item>
    <el-form-item label="Categories" :prop='"categories" + index'>
        <el-select v-model="postForm.positions[index].categories" v-bind:key="'category' + index" placeholder="Select Categories">
            <el-option v-for="category in categories" v-bind:key="category.id + index" :label="category.translation.name" :value="category.id" />
        </el-select>
    </el-form-item>
    <el-form-item label="Position" prop='"position" + index'>
        <el-select v-model="postForm.positions[index].position" v-bind:key="'position' + index" placeholder="Select Banner Position">
            <el-option v-for="sitePosition in siteBannerPositions" v-bind:key="sitePosition.id + index" :label="sitePosition.text" :value="sitePosition.id" />
        </el-select>
    </el-form-item>
</el-row>

---

谢谢

我终于找到了解决办法。 我会把它写下来，这样可以帮助别人。。。 我有这个

new_position_row = {
        page: undefined,
        category_id: undefined,
        position: undefined
      }

每次我都把这个物体推到我的postForm里。因此，我将此对象绑定到每一行，如下所示：

  addPositionRow() {
      this.postForm.positions.push(new_position_row)
    }

我需要解决的问题是在每一行中绑定一个new_position_行的新实例，如下所示：

addPositionRow() {
  const new_position_row = {
    page: undefined,
    category_id: undefined,
    position: undefined
  }
  this.postForm.positions.push(new_position_row)
}

---

就这样

您是否尝试过

v-bind:model=…

？，请添加一个极简wokring示例：

  addPositionRow() {
      this.postForm.positions.push(new_position_row)
    }

addPositionRow() {
  const new_position_row = {
    page: undefined,
    category_id: undefined,
    position: undefined
  }
  this.postForm.positions.push(new_position_row)
}