动态修改elementui导航栏的名称

elementui+vue是一个经典的前端框架应用。使用elementui可以很快的生成一个导航栏，但是默认的elementui导航栏二级菜单是固定的，不能根据二级菜单动态调整，本文提出一种解决办法。

效果演示

如图1，当选中二级菜单当中的最后“生活实践”的时候，一级菜单显示“生活实践”；

如图2，当选中二级菜单当中的最后“专业技能”的时候，一级菜单显示“专业技能”；

如图3，当选中的是二级菜单以外的内容的时候，一级菜单显示为默认的"素质系统"

实现思路

1、首先说代码结构：在一个vue文件里面，至少要包含html代码和js代码，我最开始是这样写的：

html部分（就是简单的element组件部分）：

<el-menu mode="horizontal" router :default-active="$route.path">
   <el-menu-item :index="'/'+'index'" >首页</el-menu-item>
   <el-submenu index="2">
     <template