1. 程式人生 > 其它 >Vue學習(十八)——摺疊面板

Vue學習(十八)——摺疊面板

技術標籤:Vue學習

(1)<a-layout-sider> 中 collapsed就是一種官方定義的操作,等同於v-model。表示這個element是可以摺疊的,collapsible不用配置:

在a-layout-sider的說明裡有

意思就是可以這樣寫。我感覺寫成:collapsed要直觀一些。

<a-layout-sider :collapsed="collapsed" width="256px">

(2)overflow: hidden; 可以將溢位隱藏起來。比如我們的專案中,點選縮排按鈕,如果沒有這個樣式,則標題smart planning會繼續換行顯示在螢幕,因為div的寬度變小了。這樣很醜,將溢位的字隱藏起來就很好看了。