該組件還有一個名為 `selectable` 的屬性,用於控制選項是否可選。如果要實現選項變為灰色且不可選的效果,需要同時將選項的 `disabled` 屬性設置為 `true`,將 `seletable` 屬性設置為 `false`。 ...
最近在使用 Ant Design Vue(V3.2.20)的 TreeSelect 組件時發現一個問題:tree-data
中部分數據的 disabled
屬性設置為了 true
,選項是“禁用”狀態,無法通過滑鼠點擊選中,但是可以通過鍵盤 ↑
↓
鍵切換選項,按下 Enter
鍵選中。
一開始還以為是 bug,後來通過查閱 文檔 和測試發現,該組件還有一個名為 selectable
的屬性,用於控制選項是否可選。
僅將選項的 selectable
屬性設置為 false
時,對應的選項雖然文本顏色不變,但是不可通過點擊或鍵盤選中。
因此,如果要實現選項變為灰色且不可選的效果,需要同時將選項的 disabled
屬性設置為 true
,將 seletable
屬性設置為 false
。