VueJS 2.0:程序化导航无法正常工作

时间:2017-05-06 04:32:31

标签: navigation vuejs2 vue-router

我在使用VueJS 2.0路由器的程序化导航时遇到了一个奇怪的问题,因为我无法接收从X组件发送到Y的params作为道具。

我在routes.js

中有这条路线
{
  path: '/email-verification',
  name: 'email-verification',
  component: EmailVerification,
  props: true,
},

因此,在我在X中执行表单提交后,我必须导航到Y组件并执行此操作,我有以下代码:

router.push({ path: 'email-verification', params: { email: this.email } });

导航有效,但我没有在Y组件中收到电子邮件参数。

我正在尝试使用此道具

export default {
  name: 'login',
  props: ['email'],
}

但是当我尝试访问电子邮件道具时,总是未定义

你有什么想法吗?

1 个答案:

答案 0 :(得分:0)

正如我在docs中发现的那样,你应该只使用“道具”代替“params”

有一行

props: { default: true, sidebar: false }