Vuejs2 如何在Vuejs-Laravel项目中复制现有行的过程中添加新行

这是我的密码。 当点击“添加新行”按钮时，添加一个空行即可。 但是，我需要在新表行中添加复制现有行数据。 请帮帮我。

addMarkerLine（）{
this.form.markeratios.push({
大小：空，
比率：0，
})
}，

SL。
大小
比率
行动
`在这里输入代码`
{{index+1}}
抄这行
添加新行

如果要将数据复制到下一行，只需定义一个函数

copyRow

，该函数接受一个

对象

数据，单击

复制此行

按钮时，将当前对象传递给

copyRow

函数。在该函数中，只需将数据推送到

表单.markeratios

<template>
  ...
  <tr v-for="(markeratio , index) in form.markeratios ">
    <td >{{index + 1}}</td>
    <td ><input type="text" v-model="markeratio.size"></td>
    <td ><input type="text" v-model="markeratio.ratio"></td>
    <td><button @click="copyRow(markeratio)">Copy This Line</button></td>
  </tr>
  ...
</template>

<script>
export default {
  ...
  data: {
    return {
      form: {
        markeratios: []
      }
    }
  },
  methods: {
    copyRow(data) {
      this.form.markeratios.push(data);
    }
  }
}
</script>

...
{{index+1}}
抄这行
...
导出默认值{
...
数据：{
返回{
表格：{
马克拉蒂奥斯：[]
}
}
},
方法：{
复制行（数据）{
this.form.markeratios.push（数据）；
}
}
}

您能更详细地解释一下您想要什么，或者澄清一下您的问题吗。在这里，我使用推送方法添加了新行，这很好。但我需要在添加空行的新行安装中复制我的现有行和过去。感谢上述解决方案，但面临的问题是，当我单击“复制”按钮时，行正在复制&当更改或插入某些数据时，所有复制的行数据都在更改。你能给我一个解决办法吗？我刚给你做了一把小提琴。在我这边似乎一切都很好。最好也共享您的代码，这样我们就可以一起调试了。