第一步：将element官网的原本样式复制粘贴到自己的vue文件中，然后在<el-menu>标签中增加router和:default-active="this.$route.path"两个属性，如下图：

<el-menu-item>标签中，将index=" 改成你的页面路径"，路径格式与index.js文件中的path路径一样（index.js文件 在本文章的下面可以看到），如下图：

 

第二步：找到路由router文件夹下的index.js文件 如下图：

 在index.js文件中，import引用自己需要跳转的页面.vue文件，填写路由跳转的path路径等，如下图黄色框中：

 这样就实现了页面间的跳转了！上完成的效果图，如下图：

图1：

图2：

图3：

 是不是很简单！！！