Vue $ route未定义

作者: 甲基蓝
发布时间: 2024-03-30 10:36:24 (3月前)
转自：

5 条回复

0#
回复此人
Charizard | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 谢谢 <a href="https://stackoverflow.com/users/1323813/sandeep-rajoria"> Sandeep Rajoria </A> </p> <P> 我们找到了解决方案，需要使用 <code> this.$route </code> 除了 <code> $route </code> 在组件内部 </p> </DIV>

编辑
1#
回复此人
易米烊光 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果你正在使用vue v2＆amp; vue-router v2然后在vue-cli生成的样板方式访问路由器，例如从组件是导入路由器（在路由器/ index.js中导出） </p> <pre> <code> <script> import Router from '../router'; </code> </pre> <P> 然后在您的代码中，您可以使用路由器功能，如： </p> <pre> <code> Router.push('/contacts'); // go to contacts page </code> </pre> </DIV>

编辑
2#
回复此人
是吗@ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 在我的情况下，这些以前的解决方案对我不起作用我做了以下 </p> <P> <code> <script> import Router from '../router'; </code> </p> <P> 然后在你的代码中你可以使用这个 </p> <P> <code> this.$router.push('/contacts'); </code> </p> </DIV>

编辑
3#
回复此人
v-star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <pre> <code> import Vue from 'vue' import Router from 'vue-router'; Vue.use(Router) const router = new VueRouter({ routes: [ {path : '/videos', name: 'allVideos', component: Videos }, {path : '/videos/:id/edit', name: 'editVideo', component: VideoEdit }, ] }); new Vue({ el: "#app", router, created: function(){ if(!localStorage.hasOwnProperty('auth_token')) { window.location.replace('/account/login'); } this.$router.push({ name: 'allVideos' }); } }) </code> </pre> </DIV>

编辑

登录后才能参与评论