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

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

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

 <el-col :span="24">
    <div style="margin-top:10px">
         <router-view></router-view>    <!-- 最重要的标签，用来显示跳转的页面 -->
     </div>
 </el-col>

<template>
    <el-container  :style="{height:clientHeight+'px'}">
        <!--头-->
        <el-header style="text-align: right; font-size: 12px;padding: 0px;">
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                <el-menu-item index="5" style="width: 200px;text-align:center;border-bottom:1px solid #f5f5f5;">
                    <template slot="title">51TBK商家后台</template>
                </el-menu-item>
                <el-menu-item index="6">
                    <el-radio-group v-model="isCollapse" >
                        <el-radio-button :label="false">展开</el-radio-button>
                        <el-radio-button :label="true">收起</el-radio-button>
                    </el-radio-group>
                </el-menu-item>

               <!-- <el-submenu index="2">
                    <template slot="title">我的工作台</template>
                    <el-menu-item index="2-1">选项1</el-menu-item>
                    <el-menu-item index="2-2">选项2</el-menu-item>
                    <el-menu-item index="2-3">选项3</el-menu-item>
                    <el-submenu index="2-4">
                        <template slot="title">选项4</template>
                        <el-menu-item index="2-4-1">选项1</el-menu-item>
                        <el-menu-item ind