vue-router路由跳转失败

来源:6-6 vue-router 添加路由

鬼魅的程序涌上心头

2021-08-25

在ts文件中使用Vue2的this.$router.push方法或者Vue3的useRouter().push方法跳转路由会报错router实例不存在,这种情况要如何处理?是不是vue-router的bug
图片描述图片描述

写回答

2回答

张轩

2021-08-26


可以直接把 router 的实例 import 过来使用就可以了,亲测可用。

import router from './router'
axios.interceptors.response.use(config => { 
}, e => {
    //在出现错误的时候跳转,
    router.push('/login')
})


0
1
鬼魅的程序涌上心头
老师还是老师👍
2021-08-26
共1条回复

张轩

2021-08-25

同学你好 vue-router 的钩子函数 useRoute 只能在组件的 setup 区域使用,这是 vue 组件的约定俗成,在其他地方使用都会是 undefined。

0
1
鬼魅的程序涌上心头
我用vue2的this.$router.push方法也报router的undefine ,要如何在js或ts文件中实现路由跳转,目前有标准方案吗?😵‍💫
2021-08-25
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程