javascript - 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 编码的)并且您的服务器端请求处理程序应该正确解码它。