Home上有個(gè)book-list的component,就是簡(jiǎn)單羅列一些圖書(shū)的封面和名稱(chēng),每個(gè)圖書(shū)可以點(diǎn)封面進(jìn)去到BookDetail的頁(yè)面,這些功能沒(méi)問(wèn)題的。Home還有個(gè)按鈕可以顯示更多圖書(shū),這就進(jìn)到另一個(gè)更多圖書(shū)的頁(yè)面,里面也有一個(gè)book-list的component,但是有一個(gè)問(wèn)題就是,如果不在Home點(diǎn)擊某本書(shū)進(jìn)入到BookDetail,在更多圖書(shū)的頁(yè)面每本書(shū)就點(diǎn)擊不進(jìn)去BookDetail。在最后發(fā)現(xiàn)是按需加載的鍋,寫(xiě)成馬上加載就沒(méi)有問(wèn)題了:原來(lái)是const BookDetail = resolve => require(['@/views/BookDetail'], resolve)現(xiàn)在正常的是import BookDetail from '../views/BookDetail'誰(shuí)能告訴我如果要按需加載應(yīng)該怎么寫(xiě)PS:我的vue和webpack都是最新的
1 回答

茅侃侃
TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊
這是路由的懶加載,問(wèn)題描述的有點(diǎn)模糊,不知道是不是你要的
聲明
const view = (path, name) => () => import(`@/components/${path}${name}`)// 路由按需加載
用法
export default new Router({ routes: [ { path: '/', name: 'Index', component: view('', 'Index'), children: [ { path: '/', name: 'Recomend', component: view('', 'Recomend') } ] } ] })
添加回答
舉報(bào)
0/150
提交
取消