欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue?動態(tài)路由component?傳遞變量報錯問題解決

 更新時間:2023年05月12日 15:11:56   作者:大山  
這篇文章主要為大家介紹了vue?動態(tài)路由component?傳遞變量報錯問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

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 傳遞變量報錯問題解決的詳細(xì)內(nèi)容,更多關(guān)于vue 動態(tài)路由傳遞變量報錯的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法

    vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法

    這篇文章主要介紹了vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01
  • vue項(xiàng)目國際化vue-i18n的安裝使用教程

    vue項(xiàng)目國際化vue-i18n的安裝使用教程

    最近接觸學(xué)習(xí)Vue.js框架結(jié)合Element-ui組件開發(fā)項(xiàng)目。由于最近需要實(shí)現(xiàn)國際化功能,所以下面這篇文章主要介紹了vue項(xiàng)目國際化vue-i18n的使用的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下。
    2018-03-03
  • Vue實(shí)現(xiàn)封裝樹狀圖的示例代碼

    Vue實(shí)現(xiàn)封裝樹狀圖的示例代碼

    這篇文章主要為大家詳細(xì)介紹了如何使用Vue實(shí)現(xiàn)封裝樹狀圖,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-03-03
  • vue如何實(shí)現(xiàn)本項(xiàng)目頁面之間跳轉(zhuǎn)

    vue如何實(shí)現(xiàn)本項(xiàng)目頁面之間跳轉(zhuǎn)

    這篇文章主要介紹了vue如何實(shí)現(xiàn)本項(xiàng)目頁面之間跳轉(zhuǎn),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue?elementui?實(shí)現(xiàn)搜索欄子組件封裝的示例代碼

    vue?elementui?實(shí)現(xiàn)搜索欄子組件封裝的示例代碼

    這篇文章主要介紹了vue?elementui?搜索欄子組件封裝,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • 詳解Axios 如何取消已發(fā)送的請求

    詳解Axios 如何取消已發(fā)送的請求

    這篇文章主要介紹了詳解Axios 如何取消已發(fā)送的請求,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-10-10
  • 一個vue組件庫發(fā)布到npm的完整實(shí)現(xiàn)過程

    一個vue組件庫發(fā)布到npm的完整實(shí)現(xiàn)過程

    工作的時候總是使用別人的npm包,然而我有時心底會好奇自己如何發(fā)布一個npm包呢,什么時候自己的包能夠被很多人喜歡并使用呢,下面這篇文章主要給大家介紹了關(guān)于一個vue組件庫發(fā)布到npm的相關(guān)資料,需要的朋友可以參考下
    2022-03-03
  • vue.js如何在網(wǎng)頁中實(shí)現(xiàn)一個金屬拋光質(zhì)感的按鈕

    vue.js如何在網(wǎng)頁中實(shí)現(xiàn)一個金屬拋光質(zhì)感的按鈕

    這篇文章主要給大家介紹了關(guān)于vue.js如何在網(wǎng)頁中實(shí)現(xiàn)一個金屬拋光質(zhì)感的按鈕的相關(guān)資料,文中給出了詳細(xì)的實(shí)例代碼以及圖文將實(shí)現(xiàn)的方法介紹的非常詳細(xì),需要的朋友可以參考下
    2023-04-04
  • vue3中封裝Axios請求及在組件中使用詳解

    vue3中封裝Axios請求及在組件中使用詳解

    目前前端最流行的網(wǎng)絡(luò)請求庫還是axios,所以對axios的封裝很有必要,下面這篇文章主要給大家介紹了關(guān)于vue3中封裝Axios請求及在組件中使用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-04-04
  • 如何解決ElementPlus的el-table底白線問題

    如何解決ElementPlus的el-table底白線問題

    這篇文章主要介紹了如何解決ElementPlus的el-table底白線問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-12-12

最新評論