Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.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中访问$route.params_Javascript_Vue.js_Routes_Router - Fatal编程技术网

Javascript 在VueJS中访问$route.params

Javascript 在VueJS中访问$route.params,javascript,vue.js,routes,router,Javascript,Vue.js,Routes,Router,查看此文档: 看起来你可以绑定链接文本,非常漂亮;然而,我在尝试访问我试图构建的组件内部的路由参数时遇到了一些问题 所以我用这个: <router-link :to="permalink">Title of thing</router-link> 我可以在forumthread组件中看到$route.params.id也被传递给它;但是,当我尝试这样访问它时: console.log('The id is: ' + $route.params.id

查看此文档:

看起来你可以绑定
链接文本
,非常漂亮;然而,我在尝试访问我试图构建的组件内部的路由参数时遇到了一些问题

所以我用这个:

<router-link :to="permalink">Title of thing</router-link>
我可以在forumthread组件中看到$route.params.id也被传递给它;但是,当我尝试这样访问它时:

console.log('The id is: ' + $route.params.id);
找不到对象的params部分

VueJS对我来说和JavaScript本身都是非常新的。我看到的所有示例都显示模板与路由器文件内联,这是我试图阻止的,以帮助保持代码可读性和干净性

我可以进行哪些调整,以便将属性传递到模板文件


谢谢

如果您使用的是Vue Loader设置(文件中有
标记),如果您在文件的
部分中引用$router,则需要使用

 console.log('The id is: ' + this.$route.params.id);

您能否在
控制台.log
语句周围显示更多上下文。这是Vue实例的函数吗?
permalink
变量的内容是什么?在Vue组件中,您可以简单地使用这个。$route.params….在我的例子中,我必须使用console.log('id是:'+这个。$route.params.id.toString());
 console.log('The id is: ' + this.$route.params.id);