Javascript vuejs props在作为参数传递给不在组件上工作的路由器时返回undefined
我试图在路由器推送上传递一个参数,然后通过组件安装状态中的道具访问它,但返回Javascript vuejs props在作为参数传递给不在组件上工作的路由器时返回undefined,javascript,vue.js,vuejs2,vue-router,Javascript,Vue.js,Vuejs2,Vue Router,我试图在路由器推送上传递一个参数,然后通过组件安装状态中的道具访问它,但返回未定义的,下面是我的尝试。如有任何帮助,我们将不胜感激 app.js const路由器=新的VueRouter({ 路线:[ {路径:'/',名称:'home',组件:QUOTE_plans_home}, {path:'/form',name:'form',component:quote\u plans\u form,props:true} ] }); 新Vue({ el:“#应用程序”, 路由器:路由器 }) 报
未定义的
,下面是我的尝试。如有任何帮助,我们将不胜感激
app.js
const路由器=新的VueRouter({
路线:[
{路径:'/',名称:'home',组件:QUOTE_plans_home},
{path:'/form',name:'form',component:quote\u plans\u form,props:true}
]
});
新Vue({
el:“#应用程序”,
路由器:路由器
})
报价单\u计划\u主页组件
const quote\u plans\u home={
方法:{
goToForm(){
这个.$router.push({name:'form',params:{selected_plan:12}});
}
},
};
报价计划表组成部分
const报价单\计划\表格={
道具:[“选定的_计划”],
模板:``,
挂载:函数(){
console.log(此.selected_计划);
}
}
此
console.log(此.selected\u计划)
返回未定义的
尝试“console.log(this.$router.params)”最近传递的params
问题太多,URL中没有定义这些问题。为什么不将表单
路径更改为/form/:selected_plan
?道具
选项在vue路由器的2.0.0版中不可用。我建议你升级。最新版本为3.4.6。该功能所需的最低版本是尝试“console.log(this.$router.params)”这么多最近传递的params
问题,这些问题在URL中没有定义。为什么不将表单
路径更改为/form/:selected_plan
?道具
选项在vue路由器的2.0.0版中不可用。我建议你升级。最新版本为3.4.6。该功能所需的最低版本为