【vue3】Get 请求传递多层对象

最新推荐文章于 2025-10-16 09:40:00 发布

原创最新推荐文章于 2025-10-16 09:40:00 发布 · 1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

文章讲述了在使用GET请求时，如何将包含多层对象结构的参数正确编码并传递给API。作者给出了一个示例，展示了如何将`questionId`和`checkRole.value`嵌套在参数中，并通过awaitscoreMarking函数进行传递。

需要使用get请求传递参数，但参数为很多层的对象结构时

// 请求
scoreMarking(parm) {
  return http({
    url: `/xxx/xxx/get?${parm}`,
    method: 'get',
  })
},

// 需要传递的参数结构：多层对象
parm = 
{
	questionId:xxx,
	checkRole:
		{
			value:xxx
		}
}
  
// 传参
let params = `questionId=${parm.questionId}&checkRole.value=${parm.checkRole.value}`;
const { data } = await scoreMarking(params);