vue实现对象数组双向绑定问题? 50

现有data[{name:'li',age:'18'}]或者[],现在通过v-for绑定数组到列表里,然后需要动态添加这个数组的数据,并且实现双向绑定,及v-for里用v... 现有data [{name:'li',age:'18'}]或者[],现在通过v-for绑定数组到列表里,然后需要动态添加这个数组的数据,并且实现双向绑定,及 v-for里用v-model绑定显示内容,通过修改内容更新数据。
问题是通过push({name:'xxx',age:'20'})加数据能在页面上看到增加了一行, 但是修改input里的数据却所有的name或age都跟着变, 怎么处理?外加我要在v-for里增加一个移除当前行的按钮要怎么处理?
展开
 我来答
前端良同学
2020-12-09 · 良同学,保持好奇......
前端良同学
采纳数:60 获赞数:448

向TA提问 私信TA
展开全部
加个v-key试试
每一个v-for循环渲染都建议绑定一个v-key,key在你这里可以是数组索引,比如说(item,index) in list ,v-key就是 :key="index",key的目的是给当前数据一个唯一标识,这样数据更新时vue就知道是哪条数据更新了
移除当前行就是在每一行加个按钮,绑定上删除方法,比如说deleteData(index),传入的参数是当前的数组索引index,然后在这个方法里获取index,再把对应数据删掉就行
羊歌笔记
2021-03-09
知道答主
回答量:33
采纳率:0%
帮助的人:1.8万
展开全部

零基础学vue,给元素进行事件绑定,v-on指令就能实现

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式