扩展面板
v-expansion-panel
组件对于减少大量信息的垂直空间非常有用。该组件的默认功能是一次仅显示一个展开面板主题。但是使用expandable
属性后,扩展面板会保持打开状态,直到被显式关闭。
API
应用暗黑主题变体
Components.ExpansionPanels.
选择另一个时,将扩展面板打开
使扩展面板标题可以调焦
使扩展面板以嵌入的样式打开
应用明亮主题变体
使扩展面板以弹出的样式打开
Components.ExpansionPanels.
控制可见性
示例
扩展
扩展面板将保持打开知道被关闭。
External control
Expansion panels can be controlled externally by modifying the v-model
. Its value corresponds to a zero-based index of the currently opened expansion panel content. If expand
prop is used then it is an array of booleans where the index corresponds to the index of the content.
Disabled and readonly
Both the expansion-panel and its content supports the disabled
and readonly
props.
弹出与嵌入
扩展面板还有两种可以用属性popout
和inset
激活的替代设计
Custom icon
Expand action icon can be customized with expand-icon
prop.
Icon slot
Expand action icon can be customized using actions
slot.
调焦
扩展面板头部可以通过focusable
属性进行调焦。