前端处理后端多余字段

 后端多个接口都用同一个实体类，导致返回前端有很多不需要的字段。

如果后续需要进行，编辑操作，一个个赋值会很麻烦。

整个对象赋值，又可能指针赋值，影响其他数据

这时候就需要，创建一个公共js文件用于过滤对象不要的字段。

具体实现方法如下

function EditForm(data){    
        this.custCode=data.custCode;
        this.summaryId=data.summaryId;
        this.custName=data.custName;
        this.customerCommunity=data.customerCommunity;
        this.exchange=data.exchange;
        this.years=data.years;
        this.goodsType=data.goodsType;
        this.amount=data.amount;
        this.returnBrand=data.returnBrand;
}

const factory={
    toEditForm(data){        
        return new EditForm({
            custCode:data.custCode,
            summaryId:data.summaryId,
            custName:data.custName,
            customerCommunity:data.customerCommunity,
            exchange:data.exchange,
            years:data.years,
            goodsType:data.goodsType,
            amount:data.amount,
            returnBrand:data.returnBrand
        })
    },
}


export default factory

调用方法步骤：

import factory from "@/utils/factory";

  let obj = factory.toEditForm(row)

最后的实现效果：