vue?動態(tài)路由component?傳遞變量報錯問題解決
更新時間:2023年05月12日 15:11:56 作者:大山
這篇文章主要為大家介紹了vue?動態(tài)路由component?傳遞變量報錯問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
menuList 后臺數(shù)據(jù)返回格式
{
// 統(tǒng)計分析
path: '/statistics',
name: 'Statistics',
meta:{title: '數(shù)據(jù)統(tǒng)計'},
component: 'views/statistics/Statistics'
}路由里面component
接收的是 @/views/statistics/Statistics 能正常顯示頁面


如果動態(tài)參數(shù),以下三種都會報錯,頁面空白
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 動態(tài)路由component 傳遞變量報錯問題解決的詳細內(nèi)容,更多關于vue 動態(tài)路由傳遞變量報錯的資料請關注腳本之家其它相關文章!
相關文章
前端vue3中的ref與reactive用法及區(qū)別總結(jié)
這篇文章主要給大家介紹了關于前端vue3中的ref與reactive用法及區(qū)別的相關資料,關于ref及reactive的用法,還是要在開發(fā)中多多使用,遇到響應式失效問題,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-08-08
elementui中el-row的el-col排列混亂問題及解決
這篇文章主要介紹了elementui中el-row的el-col排列混亂問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
vue中使用Echarts?map圖實現(xiàn)下鉆至縣級的思路詳解
這篇文章主要介紹了vue中使用Echarts?map圖實現(xiàn)下鉆至縣級,需要注意的是,因為我是直接從?vue-cli2?直接跳到?vue-cli4?,還奇怪怎么讀取不到JSON,查找后才知道?vue-cli3?往后的項目基礎架構(gòu)對比舊版本有些區(qū)別,感興趣的朋友跟隨小編一起看看吧2022-01-01
Vue+ElementUI實現(xiàn)動態(tài)更換任意主題色(動態(tài)換膚)的全過程
眾所周知Element-UI有換膚功能,下面這篇文章主要給大家介紹了關于Vue+ElementUI實現(xiàn)動態(tài)更換任意主題色(動態(tài)換膚)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02

