【项目复盘-vue2.0】router.addRoutes 报错TypeError: routes.forEach is not a function

router.addRoutes 报错TypeError: routes.forEach is not a function
摘要由CSDN通过智能技术生成

做动态路由时,使用router.addRoutes报错

原来的写法:

      const menuArray = []

      menu.forEach(item => {
        // 这里拿到的menu就是permission下面的数组,既有一级菜单也有二级菜单,需要做一个区分
        if(item.children) { // 如果它有children,继续进行遍历(二级菜单)
          item.children = item.children.map(item => {
              // 添加component属性。动态路由必须具备的三个条件:path,name(非必选),component
              // 根据permission下menu的url找到对应的组件路径
            item.component = () => import(`../views/${item.url}`) //es6模板字符串语法
            console.log(item.component,'item')
            return item // 此时children对象已被更新
          })
          menuArray.push(...item.children)
        
        } else { // 如果是一级菜单的话,直接为它添加component属性
          item.component = () => import(`../views/${item.url}`) //es6模板字符串语法
          menuArray.push(item)
        }
      })
      router.addRoutes(menuAr
  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值