vue内怎么获取改动的属性名和值？

[简_洋]

有这样的需求，我请求接口获取过来一个对象数据，赋值给一个表单内，双向绑定展示出来。但是我修改了对象里的某一项，提交的时候还会把所有的属性和属性值都提交上去，有什么思路，能让我只提交修改的那一个属性和属性值？先谢谢大佬们了！！

[cn00439805]

保持原有对象（可用JSON.parse(JSON.stringify(orgObj))深度复制），最后提交的时候和原始数据比较，提交有变化的部分

[简_洋]

引用 2 楼 jio可 的回复:

用原始的对象和提交前最后修改的对象作比较

谢谢大佬。我用下面这种形式获取到了改动的值，这种写法应该没问题吧。 let newObj = {}; for (let key in this.addForm) { if (this.addForm[key] != this.oldForm[key]) { newObj[key] = this.addForm[key]; } } console.log(newObj);

[简_洋]

引用 1 楼 cn00439805 的回复:

保持原有对象（可用JSON.parse(JSON.stringify(orgObj))深度复制），最后提交的时候和原始数据比较，提交有变化的部分

谢谢大佬。我用了下面的遍历对象的方式，解决了。

[jio可]

这个只是检测了值变化，没有检测key改变的情况 还要加上这个判断： if(this.oldForm[key] === undefined) { newObj[key] = this.addForm[key] } 其实直接把最后的所有数据给后台覆盖更简单吧，现在这样只提交修改的api还要去匹配更新。并且属性改变api根本不知道修改之前的key是什么, 还要加一个属性id去关联 let old = [ { key: 'aaa', value:'a' }, { key:'bbb', value:'b' } ] 改变aaa => { key: 'aaaa', value: 'a' }

[简_洋]

引用 5 楼 jio可 的回复:

这个只是检测了值变化，没有检测key改变的情况 还要加上这个判断： if(this.oldForm[key] === undefined) { newObj[key] = this.addForm[key] } 其实直接把最后的所有数据给后台覆盖更简单吧，现在这样只提交修改的api还要去匹配更新。并且属性改变api根本不知道修改之前的key是什么, 还要加一个属性id去关联 let old = [ { key: 'aaa', value:'a' }, { key:'bbb', value:'b' } ] 改变aaa => { key: 'aaaa', value: 'a' }

我这边key不变，只是改变的value，而且提交时key也是不变的，确实没有把所有数据都提交来的爽，后台说你传一个也行，你都传也行。迫于leader的银威，还是改哪个传哪个吧。无奈只能徒增代码量。

[jio可]

问题是：获取改动的属性名和值 我就说怎么就结贴了，原来不需要改属性名

[简_洋]

引用 7 楼 jio可 的回复:

问题是：获取改动的属性名和值 我就说怎么就结贴了，原来不需要改属性名

嘿嘿，昨天发帖的时候，没细看，都是表单操作，不改动key。如果key都改的话后台接收了也操作不了！还是谢谢大哥了

[jio可]

用原始的对象和提交前最后修改的对象作比较