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编码的），并且您的服务器端请求处理程序应正确对其进行解码。