vue 动态路由component 传递变量报错问题解决

更新时间：2023年05月12日 15:11:56 作者：大山

这篇文章主要为大家介绍了vue 动态路由component 传递变量报错问题解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

menuList 后台数据返回格式

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

路由里面component

接收的是 @/views/statistics/Statistics 能正常显示页面

如果动态参数，以下三种都会报错，页面空白

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

请问有没有好的办法解决这个问题？

name为组件页面地址

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

以上就是vue 动态路由component 传递变量报错问题解决的详细内容，更多关于vue 动态路由传递变量报错的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

前端vue3中的ref与reactive用法及区别总结
这篇文章主要给大家介绍了关于前端vue3中的ref与reactive用法及区别的相关资料,关于ref及reactive的用法,还是要在开发中多多使用,遇到响应式失效问题,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-08-08
elementui中el-row的el-col排列混乱问题及解决
这篇文章主要介绍了elementui中el-row的el-col排列混乱问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-08-08
vue实现文字转语音功能详解
这篇文章主要介绍了vue实现文字转语音功能详解的相关资料,需要的朋友可以参考下
2022-09-09
Vue实现学生管理功能
这篇文章主要为大家详细介绍了Vue实现学生管理功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
vue中使用Echarts map图实现下钻至县级的思路详解
这篇文章主要介绍了vue中使用Echarts map图实现下钻至县级,需要注意的是，因为我是直接从 vue-cli2 直接跳到 vue-cli4 ，还奇怪怎么读取不到JSON，查找后才知道 vue-cli3 往后的项目基础架构对比旧版本有些区别，感兴趣的朋友跟随小编一起看看吧
2022-01-01
Vue+ElementUI实现动态更换任意主题色(动态换肤)的全过程
众所周知Element-UI有换肤功能,下面这篇文章主要给大家介绍了关于Vue+ElementUI实现动态更换任意主题色(动态换肤)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-02-02
解决echarts中横坐标值显示不全(自动隐藏)问题
这篇文章主要介绍了解决echarts中横坐标值显示不全(自动隐藏)问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
Vue实现模糊查询的简单方法实例
这篇文章主要给大家介绍了关于Vue实现模糊查询的简单方法,在vue中,前端模糊搜索主要是用computed属性实现,本文通过示例代码介绍的非常详细,需要的朋友可以参考下
2021-08-08
vue可拖拽的瀑布流布局组件实现详解
这篇文章主要为大家介绍了vue的可拖拽的瀑布流布局组件有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-06-06
Vue3.x如何设置浏览器动态Title方法
这篇文章主要介绍了Vue3.x如何设置浏览器动态Title方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03