vue element-ui没有登陆就跳转到登陆页面的所有代码怎么写

在 Vue 和 Element-UI 中，实现未登录用户跳转到登录页面的功能可以通过路由守卫（route guard）来实现。路由守卫可以在路由跳转前、跳转时和跳转后执行一些操作，这样我们就可以在跳转前判断用户是否已经登录，如果未登录就跳转到登录页面。

具体实现步骤如下：

1. 在路由的配置文件中，定义需要进行登录验证的路由，例如：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/dashboard',
    name: 'Dashboard',
    component: Dashboard,
    meta: {
      requiresAuth: true // 需要登录验证
    }
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  }
]

2. 在路由守卫中定义跳转逻辑，例如：

router.beforeEach((to, from, next) => {
  // 判断路由是否需要登录验证
  if (to.matched.some(record => record.meta.requiresAuth)) {
    // 判断用户是否已登录
    if (!localStorage.getItem('token')) {
      // 如果未登录，跳转到登录页面
      next({
        path: '/login',
        query: { redirect: to.fullPath }
      })
    } else {
      // 如果已登录，正常跳转
      next()
    }
  } else {
    // 如果路由不需要登录验证，正常跳转
    next()
  }
})

在这个例子中，我们在 `Dashboard` 路由中定义了 `requiresAuth` 属性为 `true`，表示该路由需要进行登录验证。在路由守卫中，我们判断如果要跳转的路由需要登录验证，就判断用户是否已经登录。如果未登录，我们使用 `next` 函数跳转到登录页面，并且将当前页面的路径作为参数传递给登录页面。如果已登录，我们正常跳转到目标页面。

在登录页面中，我们可以通过 `this.$route.query.redirect` 来获取之前要跳转的页面路径，登录成功后再跳回该页面。

以上就是实现未登录用户跳转到登录页面的基本步骤。具体实现可以根据自己的需要进行调整和扩展。