粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

layout中BasicLayout.vue放入了公共模板的内容，界面如下

mian区域的页面如下：

每次调用都是通过以下方式实现，但是该页面并不是子页面，应该怎么实现？小菜鸡，求帮忙

-------layout中BasicLayout.vue中的内容-------------------------------

Hiqiu Admin

        </el-menu>
    </el-aside>
    <el-container>
        <el-header class="header">
            <i @click="isCollapse=!isCollapse" class="el-icon-menu sidebarToggle"></i>
            <div class="float-right">
                <el-dropdown @command="handleCommand" class="header-action" trigger="click">
                    <span>Admin<i class="el-icon-arrow-down el-icon--right"></i></span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item command="Competition"><i class="el-icon-setting"></i> 个人设定
                        </el-dropdown-item>
                        <el-dropdown-item command="SignOut"><i class="el-icon-refresh"></i> 安全退出</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </el-header>

        <el-main>
            <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
                <el-breadcrumb-item  v-for="(item,index) in _.map($route.matched,'meta')" :key="item.path" :value="index"   separator="/" :to="{ path: item.path }">
                {{item.menuName}}
            </el-breadcrumb-item>
                <!--<el-breadcrumb-item :key="menuName" v-for="menuName in _.map($route.matched,'meta.menuName')">-->
                    <!--{{ menuName }}-->
                <!--</el-breadcrumb-item>-->
            </el-breadcrumb>
            <router-view></router-view>
        </el-main>
    </el-container>
</el-container>