现有data [{name:'li',age:'18'}]或者[]，现在通过v-for绑定数组到列表里，然后需要动态添加这个数组的数据，并且实现双向绑定，及 v-for里用v-model绑定显示内容，通过修改内容更新数据。
问题是通过push({name:'xxx',age:'20'})加数据能在页面上看到增加了一行， 但是修改input里的数据却所有的name或age都跟着变， 怎么处理？外加我要在v-for里增加一个移除当前行的按钮要怎么处理？
加个v-key试试
每一个v-for循环渲染都建议绑定一个v-key，key在你这里可以是数组索引，比如说(item,index) in list ,v-key就是 :key="index",key的目的是给当前数据一个唯一标识，这样数据更新时vue就知道是哪条数据更新了
移除当前行就是在每一行加个按钮，绑定上删除方法，比如说deleteData(index)，传入的参数是当前的数组索引index，然后在这个方法里获取index,再把对应数据删掉就行
每一个v-for循环渲染都建议绑定一个v-key，key在你这里可以是数组索引，比如说(item,index) in list ,v-key就是 :key="index",key的目的是给当前数据一个唯一标识，这样数据更新时vue就知道是哪条数据更新了
移除当前行就是在每一行加个按钮，绑定上删除方法，比如说deleteData(index)，传入的参数是当前的数组索引index，然后在这个方法里获取index,再把对应数据删掉就行
温馨提示：答案为网友推荐，仅供参考
第1个回答 2021-03-09
零基础学vue，给元素进行事件绑定，v-on指令就能实现
