Projeto Vue-client obtém solicitação para passar parâmetros de objeto

Cenas:

        Chame a interface de back-end para obter os dados da lista e a interface é uma solicitação get. O parâmetro de solicitação get geralmente é xx=yy, mas o back-end da nova interface requer um parâmetro de objeto e atributo.

O back-end diz que os parâmetros são passados ​​como:

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

O código que escrevi no início é o seguinte, e o back-end reportará um erro:

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

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

 O link de solicitação exibido se tornará: url?name=xxx&tel=xxx& gf=name=xxx   

Por fim alterei o código, da seguinte forma:

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

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

O código da chave é: param['gf.name'] = 'Li Si';

O link de solicitação apresentado é: url?name=xxx&tel=xxx &gf.name=xxx

Desta forma, o back-end pode receber todos os parâmetros.