第一步：将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：
是不是很简单！！！
版权声明：本文为big_pig_sir原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。