样式直接参考ElementUI官网即可
布局确定之后需要实现跳转
文章图片
（1）el-menu添加route属性，属性的使用查看官网介绍呀
（2）每个el-menu-item的index是跳转的路径，可以理解为配置路由中的path
(3) default-active:当前激活菜单的 index，至当前点击的路由地址，这个是动态的，所以写的时候需要可动态获取
（4）配置路由
【vue el-submenu实现导航跳转】当前这个组件是home.vue，跳转的部分固定在右侧，所以理解为跳转都是在home这个组件内，所以在配置路由时将需在此跳转的组件的子组件中，如下图
文章图片
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端开发|Vue2.x API 学习
- vue|Vue面试常用详细总结
- vue|电商后台管理系统(vue+python|node.js)
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- Vue|vue-router 详解
- vue|vue3替代vuex的框架piniajs实例教程
- Vue|Vue3.0的插槽是如何实现的（）
- 前端|面试官（谈谈Vue和React的区别（））