VExpansionPanels API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page. | ||
| collapse-icon | ||
| Icon used when the expansion panel is in a collapsable state. | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page. | ||
| disabled | ||
| 将所有子组件设置为禁用状态。 | ||
| eager | ||
| Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO. | ||
| elevation | ||
| 组件的海拔可接受 0 到 24 之间的值。你可以在 elevation page 浏览更多信息。 | ||
| expand-icon | ||
| Icon used when the expansion panel is in a expandable state. | ||
| flat | ||
| Removes the expansion-panel’s elevation and borders. | ||
| focusable | ||
| Makes the expansion-panel headers focusable. | ||
| hide-actions | ||
| Hide the expand icon in the content title. | ||
| mandatory | ||
| 强制至少选择一个项目（如果可用）。 | ||
| max | ||
| 设置可以选择的最大数量。 | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性，默认为空数组。 | ||
| multiple | ||
| 允许您选择多个选项。 | ||
| readonly | ||
| 使整个扩展面板为只读。 | ||
| ripple | ||
| 应用 v-ripple指令。 | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page. | ||
| selected-class | ||
| 配置被选中项目时应用的 CSS 类名。 | ||
| static | ||
| Remove title size expansion when selected. | ||
| tag | ||
| 指定在根元素上使用的自定义标签。 | ||
| text | ||
| 设置组件的内容文本。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes the border-radius. | ||
| title | ||
| Specify a title text for the component. | ||
| value | ||
| 控制扩展面板中内容的 打开/关闭 状态。对应于当前打开的内容的从零开始的索引。如果使用了 multiple 属性（以前在 1.5.x 中使用 expand），则它是一个数字数组，其中每个条目对应于打开内容的索引。 索引顺序不相关。 | ||
| variant | ||
| Applies a distinct style to the component. | ||
事件
| 名称 | 类型 |
|---|---|
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| default |
| 默认 Vue 插槽。 |
可用属性
| next |
| MISSING DESCRIPTION (edit in github ) |
| prev |
| MISSING DESCRIPTION (edit in github ) |