vue-client项目get请求传对象参数

场景：

        调后端的接口获取list数据，接口是get请求。get请求传参一般都是xx=yy，但是新接口后端要求来个对象.属性的传参。

后端说传参为：

        url?name=xxx&tel=xxx&gf.name=xxx

最开始我写的代码如下,后端会报错：

var param ={name:'张三',tel:'111',gf:{name:'李四'}};

const {code,data,msg} = await getDataList(param )

 呈现出的请求链接会变为：url?name=xxx&tel=xxx&gf=name=xxx   

最后改了代码，如下：

var param ={name:'张三',tel:'111'};
param['gf.name'] = '李四';

const {code,data,msg} = await getDataList(param )

关键代码就是：param['gf.name'] = '李四';

呈现出的请求链接就是： url?name=xxx&tel=xxx&gf.name=xxx

这样后端就能接收到所有参数了。