vue 首页打开子页面注意事项

如图显示:
点击自定义会打开自定义的页面,点击excel导入会打开导入的页面

Home.vue
在下面 哪里要加上下面的代码,不然配置好路由不会显示

index.js配置路由:

主要是在当前的页面配置children路由

import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);

export default new VueRouter({
    saveScrollPosition: true,
    routes: [
        {
            name: 'home',
            path: '/home',
            component: resolve => void(require(['../components/Home.vue'], resolve)),
            meta: {
                title: '',
                requireAuth: true,  // 添加该字段，表示进入这个路由是需要登录的

            },
            children:[
                {
                    path: '/customTask',
                    name: 'customTask',
                    component: resolve => void(require(['../components/customTask.vue'], resolve)),
                },
                {
                    path: '/importExcel',
                    name: 'excel',
                    component: resolve => void(require(['../components/ImportExcel.vue'], resolve)),
                }
            ]
        }
    ]
});

子页面的引入: