最新版vue-router的bug

Question

query: {checkboxGroupValue: [11, 22]}, 当$router.push()后,url变成如下,
bu

query: {checkboxGroupValue: [22]}时候如下

这时候我们刷新一下,
问题来了, 这时$route.query.checkboxGroupValue不是[22], 而是22, 这是为什么呢? 数据类型变了

0.7版本的时候地址是 checkboxGroupValue[]=11&checkboxGroupValue[]=22, 现在怎么才能变成那样

Answer 1

没玩过这么高级的

不过可以把 checkboxGroupValue 改成 JSON.stringify([22])

获取 query 之后再 JSON.parse

还可以考虑添加 watcher：

'$route.query.x': {
  handler(val) {
    this.$route.query.x = Array.isArray(val) ? val : [val]
  },
  immediate: true
}