18910140161

Vue3 跳转报错 Cannot read properties of undefined (reading 'push')?

顺晟科技

2022-09-15 07:20:24

629

写在setup里出现如下报错,页面无法跳转

import { useRouter } from 'vue-router';
let router = useRouter();
function exit() {
    localStorage.removeItem("token");
    router.push({ path: '/login' });
}

控制台的提示image.png

报错的内容image.png

所有的导航现在都是异步的 所有的导航,包括第一个导航,现在都是异步的

所以在组件挂在的时候需要确保路由已经加载

router.isReady().then(() => {
  app.mount("#app");
});

然后,再把 const router = useRouter()放到setup里进行获取

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航