使用element ui的tab标签页，其中content如何引用外部的vue文件？

Question

使用element ui的tab页进行侧边栏的切换，代码如下：

以下是外部需要引入的文件：

但是最后显示结果如下：

感觉应该是语法的问题，但是不知道哪里写的不对，有没有大神帮忙看看！！！

Answer 1

通过路由控制，你可以参考下

    <div class="content">

      <left-menu class="left-menu"></left-menu>

      <div class="right-content">
        <el-tabs v-show="tabList.length>0" v-model="tabValue" type="border-card" closable
                 @contextmenu.prevent.native=" showMenu "
                 @tab-click="onTabClick" @tab-remove="removeTab">
          <el-tab-pane
            v-for="(item, index) in tabList"
            :key="index"
            :label="item.title"
            :name="item.name"
          >
          </el-tab-pane>

        </el-tabs>
        <keep-alive :include="includes">
          <router-view class="r-content"></router-view>
        </keep-alive>
      </div>
    </div>

Answer 2

你好，请问您这个问题解决了吗？