使用elementUI中的el-menu实现理由的跳转前端

使用elementUI中的el-menu实现理由的跳转今天突然要改一个需求说是在整个页面的底部加一个固定定位，进行页面的跳转，想了一下直接打开了熟悉的elementUI的官方文档

首先把官网中的内容进行CV大法进行有效的粘贴,根据自己的实际情况进行调整，
效果（点击不同的出现不同的页面）

文章图片

HTML代码

首页分享我的

进行路由跳转主要是：default-active="this.$route.path"进行路由跳转
下面是完整代码
(我进行了列的划分所以出现el-row和el-col)

> /* eslint-disable */ export default {} ="less" scoped> // 底部 .footer { position: fixed; width: 100%; left: 0; bottom: 0; background: #ccc; height: 1.2rem; .el-row { width: 100%; } .el-col { font-size: 0.373333rem; text-align: center; margin-top: 0.066667rem; color: #333; .el-menu-item { height: 0; // line-height: 0; font-size: 0.16rem; } } .iconfont { font-size: 0.56rem; div { font-size: 0.32rem; } } .el-tab-pane { width: 33.33%; } } .el-menu-item { line-height: 0.54rem; } .el-menu { height: 0; padding-top: 0.026667rem; }