element-ui左侧导航栏

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui左侧导航栏相关的知识,希望对你有一定的参考价值。

参考技术A 效果图

安装

在main.js里引入

Home.vue

路由

上方面包屑
在components里新建headTop

使用,在main.js里注册成全局组件

页面使用

样式说明
要使导航和当前屏幕一样高,需要把html,body,#app,即所有的父元素的高都设置成100%

以上是关于element-ui左侧导航栏的主要内容,如果未能解决你的问题,请参考以下文章

Vue + element-ui 前端项目一控制某个页面不显示导航栏 4

vue element-ui 左侧菜单栏 el-menu属性实现动态菜单

element-ui,router.push到其他路由,菜单栏不会高亮对应的路由

Element-ui 导航菜单重复点击报错问题解决方法

Element-ui左侧菜单刷新依旧高亮显示当前菜单

vue element-ui 搭建侧边栏