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編碼的），並且您的服務器端請求處理程序應正確對其進行解碼。