js文件里获取路由 vue_javascript – 在VueJS中访问$route.params

浏览此文档：

https://router.vuejs.org/en/essentials/navigation.html

看起来您可以绑定< router-link：to =“variableName”> Link Text< / routerlink>这很漂亮;但是,我试图在我正在尝试构建的组件内部访问路由参数时遇到了一些麻烦.

所以我用这个：

Title of thing

然后指示路由器视图拉取论坛帖子.在路由器中使用它：

import ForumThread from './views/barracks/forumThreadSingle';

// Other routes...

let routes = [

{

path: '/barracks/th/:id',component: ForumThread,}

];

我可以在forumthread组件中看到$route.params.id也被传递了;但是,当我尝试像这样访问它时：

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

它无法找到对象的参数部分.

VueJS对我和JavaScript本身都是新手.我看到的所有示例都显示模板与路由器文件内联,这是我试图阻止以帮助保持我的代码可读和清洁.

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

谢谢！