在Vue组件外部访问VueRouter

作者: 枫
发布时间: 2025-02-27 04:32:53 (10天前)
转自：

4 条回复

0#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我只是从组件中使用它，但你可以尝试跟随以防万一你使用常见的样板文件路由在router / index.js下定义然后你只需导入它： </p> <pre> <code> import Router from '../router'; </code> </pre> <P> 在可以在代码中使用它之后，例如 </p> <pre> <code> Router.push('/mypage') </code> </pre> <P> 不确定它是否有效但试一试。 </p> </DIV>

编辑
1#
回复此人
早岁那知世事艰 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您已使用此语句定义了路由器 </p> <pre> <code> const router = new VueRouter({ mode: 'history', routes: routes }) </code> </pre> <P> 所以你需要做的就是在Vue之外访问它 </p> <pre> <code> router.push(...) </code> </pre> <P> 或者你想做的其他事情。 </p> <P> 如果你想在其他文件中使用它，你可能需要在它上面公开它 <code> window </code> 。 </p> </DIV>

编辑
2#
回复此人
薄情 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我通过导出路由器而不是routes.js中的路由（现在是router.js）解决了这个问题。 </p> <pre> <code> export default new VueRouter({ mode: 'history', routes: routes }) </code> </pre> <P> 然后，任何文件都可以访问路由器 </p> <pre> <code> import router from 'config/router' </code> </pre> </DIV>

编辑

登录后才能参与评论