vue之get类型请求携带多个参数

如下需求，筛选部门/姓名/角色条件，通过点击查询按钮，发起get请求。

get类型的请求携带了多个参数，/departmentPersonShow?department_id=-1&person_id=3&person_role_id=-1，可以通过字符串拼接的方式来完成。

api.js：

//部门人员列表展示
export function departmentPersonShow(params) {
    return request({
        url: url + "/departmentPersonShow?" + params,
        method: "get",
    });
}

roles.vue中script的methons，默认值传-1，查询所有数据：

    searching() {
      let v0 = -1;
      if (this.value[0] || this.value[0] == 0) v0 = this.value[0];
      let v1 = -1;
      if (this.value[1] || this.value[1] == 0) v1 = this.value[1];
      let v2 = -1;
      if (this.value[2] || this.value[2] == 0) v2 = this.value[2];
      let data =
        "department_id=" + v0 + "&person_id=" + v1 + "&person_role_id=" + v2;
      auth.departmentPersonShow(data).then((res) => {
        if (res.code === 200) {
          this.loading = false;
          this.person_infos_list = res.data.person_infos;
        }
      });
    },