Passing multiple params issue in VUE.JS

Question

I am trying to get data by passing multiple ids as param.But the params i am passing is going as array which i don't want.

Example:

Current data: The api is returning param as details?ids[]=123&ids[]=245

Expected data: I would like to pass the param as details?ids=123&ids=245

  const postRes = await axios.post('employee/departments', this.details);
  const getRes = await axios.get('employee/departments',
     { params: { ids: postRes.map(i=>i.id)},
  });
  this.$emit('fileDetails', getRes.data);

The method is working fine and returning GET api back.The issue is with passing params. — user2410266
– user2410266, Commented Dec 1, 2021 at 19:28

tony19 · Accepted Answer · 2021-12-01 19:28:16Z

1

You could serialize the parameters yourself:

Map each object into a string, containing 'ids=' prefixed to the object's id.
Join the resulting array with a & delimiter.

const params = postRes.map(i => 'ids=' + i.id) 1️⃣
                      .join('&') 2️⃣
const getRes = await axios.get('employee/departments?' + params)

Run this snippet for example output:

const postRes = [{ id: 11 }, { id: 22 }, { id: 33 }]
const url = 'employee/departments?' + postRes.map(i => 'ids=' + i.id).join('&')
console.log(url)

answered Dec 1, 2021 at 19:28

tony19

140k23 gold badges281 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Passing multiple params issue in VUE.JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related