扩展面板
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属性进行调焦。