Vue.js Маршрутизатор Массив запросов

Question

Я пытаюсь сделать, это передать массив из запроса к бэкэнду, используя Vue.js и маршрутизатор.

Итак, у меня есть этот метод:

submitForm () {
  this.$router.push({
    name: 'AuctionResult',
    query: {
      models: this.selectedModels.map(e => e.value)
    }
  })
},

В результате будетбыть запросом вот так: ?models=MODEL1&models=MODEL2... Но как мне сделать так, чтобы входные данные выглядели как массивы, вот так: ?models[]=MODEL1&models[]=MODEL2... ???

Я не нашел ничего в документации.

Answer 1

Для поддержки множественных значений в стиле PHP / массива вы можете просто задать имя ключа, которое вам нужно, т.е.

query: {
  'models[]': this.selectedModels.map(e => e.value)
}

Это может выглядеть как

?model%5B%5D=MODEL1&model%5B%5D=MODEL2...

но это нормально (это просто URL-код) и ваш обработчик запросов на стороне сервера должен правильно его декодировать.