get请求query参数处理

1.封装处理方法

// 将query对象转成url参数
export function queryParams(query){
    // 定义一个空数组用于存放查询参数
    let q = []
    // 遍历查询参数
    for (const key in query) {
        // 如果查询参数存在
        if(query[key]){
            // 将查询参数添加到数组中
            q.push(`${key}=${encodeURIComponent(query[key])}`)
        }
    }
    // 将数组中的查询参数拼接成字符串，并返回
    let r = q.join("&")
    r = r? ("?"+r) : ""
    return r
  }

2.引用

export function getManagerList(page,query){
    let r = queryParams(query)
    return service.get(`/admin/manager/${page}${r}`)
}

3.调用接口

getManagerList(currentPage.value,{limit:10,keyWord:'ceshi'})
        .then(res=>{
            console.log(res);
            tableData.value = res.list
            total.value = res.totalCount
        })

4.拼接后效果