vue-router路由跳转失败

Question

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

Answer 1

张轩 2021-08-26 09:25:45

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

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

• 提问者 鬼魅的程序涌上心头 #1

  老师还是老师👍

Answer 2

张轩 2021-08-25 15:33:24

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

• 提问者 鬼魅的程序涌上心头 #1

  我用vue2的this.$router.push方法也报router的undefine ，要如何在js或ts文件中实现路由跳转，目前有标准方案吗？😵‍💫