Question

我使用vuerouter并希望根据有效负载路由到组件。

{
  path: '/foobar',
  name: 'foobar',
  component: foobar,
}
{
  path: '/foobar',
  name: 'foobarSuccess',
  component: foobarSuccess,
  query: { status: 'success' }
}

上面的例子，第一条路线是第一步。我们在那里做了一些事情，然后我们转到另一个页面并重新定向回来，有效负载状态= succcess。如何使用查询对象路由到正确的组件？

Answer 1

您必须使用参数

定义路由器

{
  path: '/foobar',
  name: 'foobar',
  component: foobar,
}
{
  path: '/foobar/:status',
  name: 'foobarSuccess',
  component: foobarSuccess,
  query: { status: 'success' }
}

此处status将包含success，最后/foobar/success 基于此参数，您还可以显示sccuess消息

有关详细信息，请参阅简单文档https://router.vuejs.org/en/essentials/dynamic-matching.html，

Vuejs基于有效载荷的路线

1 个答案: