Resuelva el problema del error al pasar variables en el componente de enrutamiento dinámico de vue

formato de devolución de datos de fondo de lista de menús

{
    // 统计分析
    path: '/statistics',
    name: 'Statistics',
    meta:{title: '数据统计'},
    component: 'views/statistics/Statistics'
}

componente en enrutamiento

Lo que se recibe es que  @/views/statistics/Statistics la página se puede mostrar normalmente.

Si los parámetros son dinámicos, los siguientes tres tipos informarán errores y la página estará en blanco.

 

let cop = `@/${item.component}`
// item.component = () => import(cop)
// item.component = resolve => require([cop], resolve)
// item.component = Promise.resolve().then(() => require(`@/${item.component}`))

 ¿Existe alguna buena manera de resolver este problema?

nombre es la dirección de la página del componente

item.component = (name) => () => import(`@/${name}.vue`)

Supongo que te gusta

Origin blog.csdn.net/qq_17189095/article/details/131807852
Recomendado
Clasificación