解决解决vue addRoutes不生效问题不生效问题
主要介绍了解决vue addRoutes不生效问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看
看吧
动态添加导航栏时,动态添加导航栏时,addRoutes不生效解觉不生效解觉
1、在addroutes前,使用router.options.routes=XXXXX的方法手动添加
2、使用作者的方法,在store里维护一个routes对象,然后使用这个对象遍历生成侧面导航栏
补充知识:补充知识:vue-router 动态添加路由动态添加路由 router.addRoutes(routes)遇到的二次登陆路由冲突问题解决遇到的二次登陆路由冲突问题解决
起因起因
在当前项目中使用的iview-admin,路由要根据权限动态生成,是在登录后获取当前用户权限内的路由使用 vue-router 的
addRoutes() 方法动态添加到路由表中
遇到的问题遇到的问题
项目目录
...
router
index.js // 路由主配置,路由守卫等
routers.js // 存放页面整体布局和无需权限的路由
store
modules
app.js // 项目通用vuex状态、mutation action等模块
user.js // 用户模块的
index.js // vuex store的主入口
在router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import routers from './routers' // 导出了路由配置数组项
Vue.use(Router)
const router = new Router({
routers,
评论0
最新资源