vue对象拼接_vue定义对象变量并合并成新的对象

背景:

一般情况下,向后台发送数据请求会存在公共的变量,为了避免每一个相同部分的变量都重新定义,则想出以下解决方案:

例如一下:function,version,Authorization是公共请求部分。

9af0826058fe9ca9c00af47e0127db4b.png

解决思路方案:

1、在utils中一个定义公共变量或者方法的文件中定义requestPostParam、requestGetParam,一个post请求,一个get请求

ddce4289b4ff192faa7f210ba83892fa.png

2、在页面需要使用这个变量的地方引入该变量值:import { requestPostParam, requestGetParam } from '@/utils/auth'

6baba5a53a5a4a5df9eb5bdb1f642ac2.png

3、 使用方法Object.assign进行变量合并const param = Object.assign(requestPostParam, obj);

例如传递过来的obj为{AA:123},

合并后结果为:{ Function: 'post',  Version: '1.0',Authorization: '',AA: 123}

例如传递过来的obj为{Version:'2.2'}

合并后结果为:{ Function: 'post',  Version: '2.2',Authorization: '',AA: 123}

即:合并的两个对象,后面的会覆盖前面的对象值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值