路径带参时前端开发中最常见的参数携带方式，最为常见的就是在请求中使用get方法的路径带参。

那么在uni-app的开发的关于参数的携带和拼接，我们可以如何定义一个公共方法来使用呢？

本篇就介绍使用公共方法addQueryParams进行参数的拼接，并判断源路径是否携带参数进行完整参数的拼接。

addQueryParams公用方法如下：

function addQueryParams(path, params) {
  // 检查路径中是否已经存在查询参数
  const hasQuery = path.includes('?');
  // 遍历参数对象，拼接参数
  const queryParts = Object.entries(params).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`);
  const queryString = queryParts.join('&');
  // 根据是否已有查询参数，选择合适的拼接方式
  return hasQuery ? `${path}&${queryString}` : `${path}?${queryString}`;
}

公用方法addQueryParams的使用

    1、路径有参数拼接新参数

let url = addQueryParams('/pages/index/index?title="测试"',{
	id:1
})
//打印url
/pages/index/index?title="测试"&id=1

    2、路径没参数拼接参数

let url = addQueryParams('/pages/index/index',{
	id:1
})
//打印url
/pages/index/index?id=1

通过对公用方法addQueryParams的使用，可以极大便捷的拼接参数。