博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ElementUI侧边栏导航菜单隐藏显示问题
阅读量:5122 次
发布时间:2019-06-13

本文共 358 字,大约阅读时间需要 1 分钟。

场景:后台系统,实现侧边栏的隐藏显示功能

使用ElementUI布局容器时


需要注意的情况

在使用<el-aside>标签时,默认的宽度是60px。

如果要实现隐藏显示的话,则需要添加width="initial"属性

复制代码

使用自带的隐藏显示功能时


需要注意的情况

设置侧边栏宽度时,必须将.el-menu--collapse排除,否则动画效果出现BUG

// scss写法.demo { height: 100vh; &:not(.el-menu--collapse) { width: 180px; }}复制代码

完成如上情况之后,就可以很愉快的实现侧边栏隐藏显示效果啦~~

转载于:https://juejin.im/post/5cac69cb6fb9a068b65e0c48

你可能感兴趣的文章
android-------非常好的图片加载框架和缓存库(Picasso)
查看>>
一次Redis 的性能测试和问题 [问题已经自己解决,见文章最后]
查看>>
原型模式(Prototype)
查看>>
Oracle数据库备份与恢复
查看>>
1007: [HNOI2008]水平可见直线
查看>>
Eclipse快捷键
查看>>
把数组排成最小的数
查看>>
网易2017校招编程题
查看>>
mybatis-plus之Mapper CRUD接口和 Service CRUD 接口
查看>>
android sudio 记录
查看>>
《我们仨》读后感
查看>>
100-days: twenty-four
查看>>
javascript定义对象写法
查看>>
AJAX专题
查看>>
Vue.js 学习笔记(一)
查看>>
Problem B: ChongBit
查看>>
opencv 车牌字符分割 ANN网络识别字符
查看>>
C# 文件路径、目录、I/O常见操作汇总
查看>>
Groovy学习笔记-使用多赋值
查看>>
hibernate入门
查看>>