关于element-admin动态添加路由（后端请求路由数据）页面渲染和偏门解决404问题

最新推荐文章于 2023-08-09 15:42:57 发布

q1536793586

最新推荐文章于 2023-08-09 15:42:57 发布

阅读量709

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/q1536793586/article/details/127123781

版权

多的不谈，就讲问题，反正后端给的数据处理好了，那么子路由的component配置不知道怎么配置router（也不识别），以及处理好了数据不知道处理好了数据怎么push进router里面

下面代码又臭又长主要看配置component、和push进router那里

注意asyncRoutes就是router.index中路由的那个，别的什么router.addRouters都不行，要不然就是渲染出来旁边的样式点进去就跳404

import Layout from '@/layout'
//处理路由组件

//asyncRoutes就是传路由里的动态asyncRoutes
//arr就是要处理的数组
//我笨本来可以用递归，但是业务需求也就一个子路由就不想了
export  function menus(asyncRoutes,arr) {
  console.log(arr);
 return new Promise((resol)=>{
   var children = []
   arr.forEach((element) => {
     var obj = {
      path : element.path,
      component : Layout,
      redirect : element.children[0].path || element.path,
      meta : {
        title : element.description,