vue 重定向

作者: 你好岁月神偷 | 来源:发表于2021-06-11 14:17 被阅读0次

系统根据不同用户权限,进入系统看到的页面也不一致。

例如:A同学进入系统看到 ==》 首页

           B同学进入系统看到 ==》 XX页面

然而可以根据重定向来修改不同页面

步骤:

① 首先登陆成功之后,会将当前用户看什么页面,放到 vuex 进行存储

② 在配置路由规则的 js 中,修改重定向代码如下:

    import store from '@/store' // 首先引入vuex

    export default new Router({

        routes: [{

            path: '/',

             redirect: to => {

                 if (store.state.firstView == 'xx') {

                        return 'xx/xxx/xx'

                    } else {

                        return 'yy/yyy/yy'

                    }

            }

        }]

    })

相关文章

  • vue-router

    vue-router router-link-active 重定向

  • vue-element-admin

    vue-element-template-admin相比vue-element-admin少实现了动态路由和重定向...

  • vue-router总结

    1、通过 :to 传参 2、通过URL传参 router/index.js App.vue Hi.vue 重定向 ...

  • vue 重定向

    系统根据不同用户权限,进入系统看到的页面也不一致。 例如:A同学进入系统看到 ==》 首页 B同学进入系...

  • VUE设置默认首页与redirect重定向

    一、新建vue页面 二、默认页面路由配置 三、设置重定向页面

  • 10.Vue 路由重定向

    在Vue中可以设置路由的重定向,用法如下: 1.redirect: '/path'、redirect: {} 字符...

  • vue-router @4.x 和 @3.x 对比

    1. 创建实例 2. 路由重定向 vue2.x使用路由选项redirect设置路由自动调整,vue3.x中移除了这...

  • vue重定向问题

    在index.js里面的routes中加入默认路径 { path:"/", redirect:"index" }

  • Vue路由重定向

    路由对象$router 路由跳转方法:push() 语法:$router.push('url') 分写与合写方式的...

  • vue路由重定向

网友评论

    本文标题:vue 重定向

    本文链接:https://www.haomeiwen.com/subject/fcomeltx.html