Navigation VueJS 2.0:编程导航不工作
我在VueJS 2.0路由器的编程导航中遇到了一个奇怪的问题,因为我无法接收从X组件发送到Y组件的参数作为道具 我的routes.js中有此路线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
{
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}}) 该文档旨在设置静态道具。