为了账号安全,请及时绑定邮箱和手机立即绑定

Vue中v-model无法动态更新对象数组数据

Vue中v-model无法动态更新对象数组数据

阿波罗的战车 2019-01-30 05:35:43
由于需要从服务端请求对象数组,数据格式类似[{name:'xiaoming'},{name:'xiaohong'}],然后在本地进行修改,并上传修改的部分。我的思路如下:data中有两个数组变量:list和listChange,分别表示从服务端请求来的数据,和用户修改的数据;listChange通过克隆list得到;input输入框中v-model对应listChange中每个对象(如{name:'xiaoming'})的name属性代码大致如下(部分是伪代码)由于一开始自己clone对象数组是采用如下代码的方式,即this.listChange[i]=this.list[i];this.listChange.push(this.list[i]);结果导致在input输入框中更改数据时,导致list和listChange的数据同时更改后来采取了如上代码中的clone函数,但是问题来了(抱歉有这么长的铺垫),如果采用push方法,在input输入框中更改数据时能够同步刷新。let newObj=this.clone(this.list[i]);this.listChange.push(newObj);但是为什么使用this.listChange[i]=newObj无法在input中的v-model实现同步更新。如果是this.listChange[i]=newObj无法实现同步更新,那为什么this.listChange[i]=this.list[i];this.listChange.push(this.list[i])又可以同步更新
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 5806 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信