当前位置:   article > 正文

Vue3-admin-element框架学习笔记----5(最终篇--动态路由)_vue3-element-admin

vue3-element-admin

关于左侧的菜单栏呢都是直接添加或者删除,亦或者本地存储router,但是这终究不是长久和方便之计

思路:将全部的router写出来,但是在生成左侧菜单的数组之前进行判断它的权限,进行指定渲染

步骤:

  1. 准备:src>config>setting.js>authentication=='all'(改变为后端控制)
  2. src>roouter 写出所有的文件路径和名称
  3. 改变接口
  4. 加代理
  5. 改变本地端口(8090
  6. permission.js src>config>permission.js
  7. routes.js src>src>store>modules>routes
  8. handleRoutes.js src>utils>handleRoutes.js
  9. 1:permission.js
  10. 48: accessRoutes = await store.dispatch('routes/setAllRoutes',本地存储参数);
  11. 2:routes.js
  12. 38:let accessRoutes = convertRouter(本地存储参数);
  13. 3:handleRoutes.js
  14. 20:delete route.redirect;
  15. 47:当后台为主的时候执行该判断
  16. 获取到存储到本地的一个数据
  17. 调用上面的数组accessRoutes(复制上面的代码改变括号里面的数据)作用:vuex的一个调用方法和获取到指定数据
  18. 'routes/setAllRoutes', a.roles routes/setAllRoutes:roters(src>store>modules>routes)里面的setAllRoutes函数
  19. convertRouter(a.roles)方法里面的数据改成你自己的本地数据 convertRouter是src>utils里面的函数 目的是调用选择注册路由
  20. 删除数组里面的redirect,因为他指向是他本身

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/701306
推荐阅读
相关标签
  

闽ICP备14008679号