Linux指令入门-文件管理

公合信投普通老百姓如何理财

  返回  

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-

2021/8/20 11:03:58 浏览:

vue表单提交只提交已修改数据
公司新需求只提交表单中已修改的数据,前思后想,因为后台返回的数据是没有数据的字段是没有返回的,所以难题就出来了终于打磨出来了
直接上代码
1.区分原始数据和表单数据
在这里插入图片描述

2.比较差异的方法,将原始数据与表单数据进行对比,然后推到一个新的全局对象里
(注:声明两个新数组,循环表单对象,和原始对象并推到数组里,对数组进行去重,然后循环去重后的数组,进行属性对比,如果不一样或者undefined就循环到新的对象里)

diffFormData() {
const oldArr= []
const newArr =[]
for (const i in this.tabData) { oldArr.push(i)
for (const j in this.innerSpace){newArr. push(j)
}
const nowArr = oldArr .concat(newArr).filter((x,index,self) => self.index0f(x) a-= index)
for (let k= 0;k<nowArr. length;k++){
if (this.tabData[ nowArr[k]] !== this.innerSpace[nowArr[k]]{
if!this.diffData){
this.diffData={}}
this.diffData[nowArr[k]] = this.innerSpace[nowArr[k]]
},

3.提交是调用此方法,然后将新对象提交给后台
在这里插入图片描述

联系我们

如果您对我们的服务有兴趣,请及时和我们联系!

服务热线:18288888888
座机:18288888888
传真:
邮箱:888888@qq.com
地址:郑州市文化路红专路93号