Use dynamic name as param Vuejs

Question

I have multiple params and when I do a get request I want to have just a function that takes the name of the params its value.

The problem is, the params is as I defined, and not the value.

this.debounce("search_fullname", 5);

debounce(searchField, value) {
  this.$router.push({
    query: {
     ...this.$route.query,
     searchField: value 
    }
  })
 }

In the url I get /?searchField=5 instead of /?search_fullname=5

Shivam Singh · Accepted Answer · 2020-03-27 08:38:57Z

1

this.debounce("search_fullname", 5);

debounce(searchField, value) {
  this.$router.push({
    query: {
      ...this.$route.query,
      [searchField]: value <--- Dynamic key in js object
    }
  })
}

You shall get /?search_fullname=5 instead of /?searchField=5 in the url.

edited Mar 27, 2020 at 8:38

answered Mar 27, 2020 at 8:30

Shivam Singh

1,7411 gold badge13 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Use dynamic name as param Vuejs

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