el-sub-menu template 内容不显示

 <el-menu mode="horizontal" :default-active="activeIndex" class="el-menu-demo">
          <el-menu-item index="1">首页</el-menu-item>
          <el-menu-item index="2">类型</el-menu-item>
          <el-menu-item index="3">页面</el-menu-item>
          <el-menu-item index="4">博客</el-menu-item>
          <el-menu-item index="5">联系</el-menu-item>

          <el-sub-menu index="6">
            <template slot="title">

                我的工作台

              </template>
            <el-menu-item index="6-1">选项1</el-menu-item>
            <el-menu-item index="6-2">选项2</el-menu-item>
            <el-menu-item index="6-3">选项3</el-menu-item>
          </el-sub-menu>

          <el-menu-item index="7">用户注册</el-menu-item>
        </el-menu>

很显然”我的工作台“没显示 

对应代码为

            <template slot="title">

                我的工作台

              </template>

改为下面这样就可以了

            <template #title>

                我的工作台

              </template>