Vue3调用接口时过滤传参数据中的空字段

Vue3调用接口时过滤传参数据中的空字段

以及查询字符串格式的传参

// 用户列表
export const userListService = (pageRequest, searchData) => {
	// 过滤掉 searchDate 中为 null 的属性
	const filteredSearchData = Object.entries(searchData)
		// eslint-disable-next-line no-unused-vars
		.filter(([key, value]) => value !== null && value !== undefined && value !== '')
		.reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {})

	// 查询字符串格式
	// 将searchData转换为URL查询字符串格式
	const searchParams = new URLSearchParams(filteredSearchData)

	return request.get(
		`/user?pageNum=${pageRequest.pageNum}&pageSize=${pageRequest.pageSize}${
			searchParams.toString() ? '&' + searchParams.toString() : ''
		}`
	)
}