vue 取后端数据_vue 获取到后端数据后使用js修改成需要的集合再传给后端

博客内容讲述了在前后端交互过程中遇到的问题,即查询接口返回的数据格式与添加编辑接口所需的格式不匹配,导致提交失败。作者提出了解决方案,即转换查询接口获取的数据,使其符合添加接口的参数需求,以便顺利进行数据提交。
摘要由CSDN通过智能技术生成

后端的查询和添加编辑接口得到的数据不是同一种格式,所以提交会报错,现在想要把从查询接口得到数据变为添加接口的格式(把数据分为faceUserInfo 和 roleIds)方便提交

添加接口 参数:

534d5fba6742f30b9b246fecca309b0c.png

查询接口 参数:

{

"code": "string",

"data": {

"accountStatus": 0,

"address": "string",

"birth": "2020-04-20T05:56:33.168Z",

"companyId": "string",

"companyName": "string",

"departmentId": "string",

"departmentName": "string",

"email": "string",

"mobile": "string",

"phone": "string",

"positionId": "string",

"positionName": "string",

"realName": "string",

"roleInfos": [

{

"actionInfos": [

{

"actionKey": "string",

"actionName": "string",

"isCategory": 0,

"parentId": "string"

}

],

"roleKey": "string",

"roleName": "string"

}

],

"userName": "string"

},

"mesg": "string",

"timestamp": "2020-04-20T05:56:33.168Z"

}

这是查询接口的方法;

watch: {

'visible': {

handler: function (newVal, oldVal) {

console.log(newVal)

if (newVal) {

console.log(this.userId)

if (this.userId && this.userId !== '') {

getFacUserById(this.userId).then(res => {

const _data = res.data

// 略

this.info = _data

})

} else {

this.info = {

//略~~~~

}

}

}

}

}

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值