动态实现侧边栏的折叠

动态实现侧边栏的折叠

在做项目时，发现侧边栏的宽度是固定的，这样对用户的交互体验肯定是不友好的，所以怎样才能实现侧边栏的动态折叠呢？

思考了许久，终于有了点思想，我只要给侧边栏添加一个点击事件，每点击一次就给它的布尔值取反，我只需要根据布尔值的真与假指定不同的宽度不就可以了吗。

那么问题又来了，有没有简单点的赋值来取值呢？望向窗外，突然灵光一闪——三元表达式。

所以就想出了一种动态实现折叠菜单栏的方法：

HTML部分：

<div class='toggle-button' @click='toggleCollapse'>|||</div>

Css部分：

<el-aside :width="isCollapse ? '64px' : '200px'">

js部分：

isCollapse: false...
toggleCollapse () {
      this.isCollapse = !this.isCollapse
    }

如有错误欢迎指正！