为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js 按需加载模块问题

vue.js 按需加载模块问题

眼眸繁星 2018-08-26 11:21:56
Home上有个book-list的component,就是简单罗列一些图书的封面和名称,每个图书可以点封面进去到BookDetail的页面,这些功能没问题的。Home还有个按钮可以显示更多图书,这就进到另一个更多图书的页面,里面也有一个book-list的component,但是有一个问题就是,如果不在Home点击某本书进入到BookDetail,在更多图书的页面每本书就点击不进去BookDetail。在最后发现是按需加载的锅,写成马上加载就没有问题了:原来是const BookDetail = resolve => require(['@/views/BookDetail'], resolve)现在正常的是import BookDetail from '../views/BookDetail'谁能告诉我如果要按需加载应该怎么写PS:我的vue和webpack都是最新的
查看完整描述

1 回答

?
茅侃侃

TA贡献1842条经验 获得超21个赞

这是路由的懒加载,问题描述的有点模糊,不知道是不是你要的
  • 声明

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')
        }
      ]
    }    
  ]
})


查看完整回答
反对 回复 2018-08-27
  • 1 回答
  • 0 关注
  • 1299 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信