Vue學習(十八)——摺疊面板
阿新 • • 發佈:2020-12-28
技術標籤: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的寬度變小了。這樣很醜,將溢位的字隱藏起來就很好看了。