Используйте имя Dynami c в качестве параметра Vuejs

Question

У меня есть несколько параметров, и когда я делаю запрос get, я хочу иметь функцию, которая принимает имя параметра и его значение.

Проблема в том, что параметры соответствуют моему определению, а не значению.

this.debounce("search_fullname", 5);

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

В URL я получаю /?searchField=5 вместо /?search_fullname=5

Answer 1

this.debounce("search_fullname", 5);

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

Вы получите /?search_fullname=5 вместо /?searchField=5 в URL.