VUE子路由跳转空白问题

Question

App.vue 代码

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

另一个Index.vue页面中包含子路的

  <div id="home">
    <el-container>

      <base-header :activeIndex="activeIndex"></base-header>

      <base-main>
        <router-view></router-view>
      </base-main>

      <base-aside></base-aside>

      <base-footer v-show="footerShow"></base-footer>

    </el-container>

  </div>

index.js

其中index下的album子路由跳转成功显示空白

routes: [

    {
      path: '',
      name: 'Index',
      component: r => require.ensure([], () => r(require('@/views/Index')), 'Index'),
      children: [
        {
          path: '/',
          component: r => require.ensure([], () => r(require('@/components/article/ArticleItem')), 'ArticleItem')
        },
        {
          path: '/Album',
          component: r => require.ensure([], () => r(require('@/views/Album')), 'Album')
        }
      ]
    }

Answer 1

有大佬帮忙看看吗,查了些资料没解决