vue-router根据权限动态设定路由重定向 redirect 的路径

har01d

已于 2024-08-20 16:13:01 修改

阅读量37

点赞数 1

文章标签： vue.js javascript 前端

于 2024-08-20 15:29:37 首次发布

本文链接：https://blog.csdn.net/weixin_43951592/article/details/141360051

版权

import { useStore } from '@/stores/index'
...
routes: [
    {
      path: '/',
      name: 'home',
      component: () => import('@/layout/index.vue'),
      redirect: to => {
        // 方法接收目标路由作为参数
        // return 重定向的字符串路径/路径对象
        const store = useStore()
        const menus = store.userInfo?.menus || []
        return { name: menus[0]?.children[0]?.name || '' }
      },
      children: [
      ...