基于payload的Vuejs路由

【问题标题】：Vuejs route based on payload基于payload的Vuejs路由
【发布时间】：2018-03-01 05:53:01
【问题描述】：

我正在使用vuerouter，想根据payload路由到一个组件。

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

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

【问题讨论】：

标签： javascript vue.js vue-router

【解决方案1】：

你必须用参数定义你的路由器

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

这里status 将包含success，最后是/foobar/success 基于这个参数你也可以显示scuess消息

更多信息可以参考简单文档https://router.vuejs.org/en/essentials/dynamic-matching.html，

【讨论】：