一般後臺管理項目中無論是ElementUI或Iview 輕量UI框架都有很多組件來實現功能
我們需要實現的是這樣子的：
在源代碼裏左側菜單之前添加一個div，類名爲“toggle-button”，然後在div中添加“|||”三個豎槓，作爲可以摺疊的圖例：
然後爲該div添加樣式
然後給按鈕添加事件事件：
那麼點擊事件觸發後怎麼控制和隱藏div的width寬度？
elementUI提供了菜單欄的振凱和隱藏的屬性：collapse屬性，collapse是控制菜單欄的展開和隱藏。如果是true的話隱藏菜單欄，如果是true的話啓動功能
首先給這個el-menu綁定動態值：isCollapse。在data裏也需要定義一下
然後再數據區定義這個動態值，名爲“isCollapse”，默認爲false：
然後點擊事件來判斷，觸發該方法時，將isCollapse置爲其相反值：
我們需要背景色也跟着菜單來摺疊，怎樣背景div寬度頁隨着點擊事件發送變化。將側邊欄的寬度縮小（摺疊的寬度大概是64px），然後isCollapse值爲false的時候，側邊欄寬度恢復爲200px。
可以使用三元運算符來實現
最終效果：
