VueJS 2.0:编程导航无法工作

Question

我在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组件中的email param。

我正在尝试使用以下方法来获得道具：

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

但当我试图访问电子邮件支柱时，总是未定义的

你有什么想法吗？

Answer 1

正如我在文档中所发现的，您应该只使用"props“而不是"params”。

有一条线

props: { default: true, sidebar: false }

Answer 2

当您确定路线时，您必须将它的“名称”改为“路径”，所以您的句子应该是：

router.push({电子邮件名称：“电子邮件-验证”，params：{：this.email })；