如何使用Vue路由器

Question

我有一个带有标记组件的Vue.js应用程序。我想添加一个网址组件，例如https://thisdomain.com/some?tag_ids=3,7,11，用户可以通过在UI中切换标记来添加tag_ids。

虽然这适用于维护应用中的tag_ids。我也想让它们在浏览器url中呈现，这样如果url是共享的，它看起来是一样的。我正在使用vue-router，我想将tag_ids添加到查询字符串中，但不强制路径中的新路由。我尝试过类似的东西：

   this.$router.push({ path: '/', tag_ids: this.selectedTagIds })

和

   this.$router.replace({ path: '/', tag_ids: this.selectedTagIds })

但这不起作用。任何想法如何通过这个操作查询参数。$ router？

Answer 1

您可以使用params：

//navigation
this.$router.push({ name: 'some', params: { tag_ids: this.selectedTagIds } })

//route
{ path: '/some', name: 'some', component: Some }

或者，您可以像这样使用query：

this.$router.push({ path: '/some', query: { tag_ids: this.selectedTagIds } })