vue动态设置路由重定向
需求为:项目分为业务系统和后台管理系统,重定向路由‘/’ 在业务系统显示为homepage,在后台管理系统首页显示为
dashboard;
实现 在router.js:
import Vue from 'vue'
import Router from 'vue-router'
import Layout from '../layout/index'
import store from '@/store'
Vue.use(Router)
export const constantRouterMap =[
//重定向
{
path: '/',
redirect: to=>{
console.log('重定向了')
console.log(store.state.user.user.roleType)
if(store.state.user.user.roleType=='service'){
//业务系统
return '/homePage'
}else{
return '/dashboard'
}
},
},
]
export default new Router({
mode: 'hash',
scrollBehavior: () => ({ y: 0 }),
routes: constantRouterMap
})
vue动态设置路由重定向相关推荐
- Vue动态设置路由title
{ path: '/videoCover', component: () => import ('./view/videoCover.vue'), meta: {title: ''}, }, 需 ...
- Vue 动态设置路由Meta title 名称
路由配置 import ('@/views/accountManagement/editMain'), beforeEnter: (to, from, next) => {if (to.quer ...
- 若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起
前言 因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
- vue动态添加路由之避坑指南
你是否遇到了: addRouter后出现白屏 路由守卫出现死循环 踩了很多坑之后,我终于悟到了vue动态添加路由的正确打开方式: 为了设计权限,在前端我们通常采取两种方式 1.在用户登录时获取该用户权 ...
- vue 动态修改路由参数
转载自 vue 动态修改路由参数 import merge from 'webpack-merge':修改原有参数 this.$router.push({query:merge(this.$rout ...
- [vue] 怎么解决vue动态设置img的src不生效的问题
[vue] 怎么解决vue动态设置img的src不生效的问题 不是应该 require('@/assets/images/xxx.png') 这样吗??你这样多浪费资源啊 @chenqim 个人简介 ...
- Vue动态设置Style属性
Vue动态设置Style属性_fuzhongbin的博客-CSDN博客_vue 动态style :style="{ color:domain.groups == 1? '#ccc': dom ...
- vue 动态设置组件高度_高度动态的Vue明星评分组件
vue 动态设置组件高度 虚拟动态星级 (vue-dynamic-star-rating) A Highly Customizable, easy-to-use elegant stars ratin ...
- Vue项目如何动态设置路由meta信息中的title属性值
场景:编辑.新建页面配置为同一个路由信息,期望不同页面的文档title展示不一样. 目前的配置如下,不能实现需求. 因此,我们需要动态的去设置meta的值.思路:借助Vue Router的路由独享守卫 ...
最新文章
- buffer cache 深度解析
- php 计算两点时间距离,PHP计算地球上两点之间的距离(示例详解)
- 使用Google、百度等搜索引擎完全匹配指定内容搜索
- Python 计算机视觉(十一)—— OpenCV 图像形态学处理
- bash-shell高级编程--退出和退出状态码
- jscript换行等特殊字符
- 解题报告——Python编程:从入门到实践_动手试一试_参考答案(第四章)
- vuepress 代码高亮支持的语言
- 利用python爬虫(part7)--初识Xpath之Node节点
- 记HTML5 a 标签的一个小坑
- 交叉编译openssl不修改Makefile的方法
- python的基础命令_深度学习中python常用命令
- java char 比较,为什么我在Java中使用char和int进行比较?
- [转载]基于TFS实践敏捷-Scrum模式运用
- UE4官方文档学习笔记材质篇——分层材质
- SQL 笛卡尔积现象
- 使用ActionForm的validate()进行验证
- JanusGraph配置
- 在线上传图片二维码识别解析
- dd 命令用来测试硬盘及网络带宽读写速度
热门文章
- mxgraph进阶 三 Web绘图——mxGraph项目实战 精华篇
- 如何进行网站seo优化推广?
- 纯真ip php,PHP利用纯真数据库获取访客IP物理地址
- vue——echarts更换主题
- 解决Flash Player过期的问题——谷歌浏览器Chrome 87.0.4270.0绿色免安装增强版
- Spring Cloud Hoxton 版本微服务项目搭建 admin 监控客户端
- 5.10 自定义颜色至色板和全局色的使用 [Illustrator CC教程]
- JAVA学习:将字符串转成数字
- java画太极加图片_Android 画一个太极图实例代码
- str.c_str()