element ui导航栏父子路由问题

我想做下图的效果：


目前除题库以外的其他一级菜单都可以跳转。但是因为题目这个模块还有二级菜单。只能点击下面的子菜单才能跳转。我想点“题库”这2个字也跳转。请问怎么设置呢？

代码如下：
`<el-menu-item index="/">首页</el-menu-item>
<el-submenu index="/questionbank">
<template slot="title"><span>题库</span></template>
<el-menu-item index="2-1" :route="{path:'/itemBank'}">私有题库</el-menu-item>
<el-menu-item index="2-2">公共题库</el-menu-item>
<el-menu-item index="2-3">收藏夹</el-menu-item>
<el-menu-item index="2-4">错题集</el-menu-item>
<el-submenu index="2-4">
<template slot="title">创建</template>
<el-menu-item index="2-4-1" :route="{path:'/'}">创建题库</el-menu-item>
<el-menu-item index="2-4-2">创建题目</el-menu-item>
</el-submenu> <el-menu-item index="2-5">考试</el-menu-item>

</el-submenu>`