Navigation VueJS 2.0:编程导航不工作

Navigation VueJS 2.0:编程导航不工作,navigation,vuejs2,vue-router,Navigation,Vuejs2,Vue Router,我在VueJS 2.0路由器的编程导航中遇到了一个奇怪的问题,因为我无法接收从X组件发送到Y组件的参数作为道具 我的routes.js中有此路线 { path: '/email-verification', name: 'email-verification', component: EmailVerification, props: true, }, 因此,在X中执行表单提交后,我必须导航到Y组件,为此,我有以下代码: router.push({ path: 'email-v

我在VueJS 2.0路由器的编程导航中遇到了一个奇怪的问题,因为我无法接收从X组件发送到Y组件的参数作为道具

我的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'],
}
但是当我尝试访问电子邮件道具时,总是未定义

你知道吗?

正如我在中发现的,你应该只使用“道具”而不是“参数”

有一条线

props: { default: true, sidebar: false }

当您以友好方式定义路线时,您必须将其“名称”改为“路径”,因此您的句子应该是:


router.push({name:'email-verification',参数:{email:this.email}})

该文档旨在设置静态道具。