将后端传回的“component“: “Layout“, 转为“component“: Layout组件对象

需要将 () => import('@/views/dashboard/index.vue') 修改为  () =>  require('@/views/' + file + '.vue')

1、_import_development.ts文件内内容

module.exports = (file:any) => require('@/views/' + file + '.vue').default  

2、showdataAPI.ts 后台返回数据格式

3、router/index.ts 重写路由 

  这里两种方法都可以(loadView、_import)

 

const _import = require('@/router/_import_development') //获取组件的方法

const loadView = (file: any) => {

  return require('@/views/' + file + '.vue')

}

//重写  component

export const initMenu = (menu: any) => {

  menu.forEach((el: any) => {

    if (el.componenturl === 'Layout') {

      el.component = Layout

    } else {

      // el.component = loadView(el.componenturl)

      el.component = _import(el.componenturl)

    }

    if (el.children != null && el.children.length) {

      initMenu(el.children)

    }

  })

  return menu

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值