vue路由守卫内获取实例

最新推荐文章于 2025-07-02 08:50:38 发布

原创最新推荐文章于 2025-07-02 08:50:38 发布 · 4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

18 篇文章

订阅专栏

本文探讨了在Vue.js中使用路由守卫进行状态检查的方法。通过beforeRouteEnter守卫，我们可以在页面加载前检查用户状态，如果未登录则重定向至登录页，确保了页面的访问权限。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于路由守卫是一个回调函数，this是不指向实例的，如下vm为实例

     beforeRouteEnter:(to,from,next)=>{
        next((vm) => {
          var data=vm.$store.state.user
            if(data===""||data===undefined||data===null){
              next('/login');
            }else{
              next(true);
            }
        });
      },