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);