vue js中的动态查询字符串名称

Question

我有一个这样的方法，它在点击时调用，传递了 2 个参数：

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

如果我使用 variantName = "size" 和值 = "small" 调用 selectOption

我希望 url 类似于 /foo?size=small

目前是?variantName=size

Answer 1

因为密钥是动态的，你可以用 [] 包装它，比如 :

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

Dynamic query string name in vue js