Dynamic query string name in vue js

Question

I have a method like this which is called on click, 2 params are passed:

 selectOption(variantName, value) {
  this.$router.push({ query: { variantName: value } })
}

If I call selectOption with variantName = "size", and value ="small"

I want the url to be something like /foo?size=small

at the moment it is something like ?variantName=size

Boussadjra Brahim · Accepted Answer · 2021-03-19 10:41:21Z

2

Since the key is dynamic you could wrap it by [] like :

 this.$router.push({ query: { [variantName]: value } })

answered Mar 19, 2021 at 10:41

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

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

1 Answer 1