1.修改退出登录的处理函数
找到退出登录的处理函数,在src/store/user.js中的logout函数
修改的代码已经在第一篇博客01---vue+element+admin将本地路由修改为动态路由_天尘不打野的博客-CSDN博客
的src/store/modules/user.js文件中了,这里就不贴代码了
2.在src/layout/components/Navbar.vue文件中添加模块页面的跳转按钮
3.修改src/views/login/index.vue文件中登录的跳转地址
注:因为内容太多,前面的内容在我另外的几个博客里:
01---vue+element+admin将本地路由修改为动态路由_天尘不打野的博客-CSDN博客
02---vue+element+admin将本地路由修改为动态路由_天尘不打野的博客-CSDN博客
到这里动态路由基本就实现了,以下是修改完成后的项目模板下载链接和效果图 :
下载链接
vue+element+admin后台管理项目模板-Javascript文档类资源-CSDN下载
点击登录,进入模块页面
点击组件系统模块,加载对应路由
点击我的应用,退回模块页面,点击图表模块,加载对应路由