Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript vuejs props在作为参数传递给不在组件上工作的路由器时返回undefined_Javascript_Vue.js_Vuejs2_Vue Router - Fatal编程技术网

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。该功能所需的最低版本为