VListItem API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| active | ||
| Controls the active state of the item. This is typically used to highlight the component. | ||
| active-class | ||
| The class applied to the component when it matches the current route. Find more information about the active-class prop on the vue-router documentation. | ||
| active-color | ||
| The applied color when the component is in an active state. | ||
| append-avatar | ||
| Appends a v-avatar component after default content in the append slot. | ||
| append-icon | ||
| Creates a v-icon component after default content in the append slot. | ||
| base-color | ||
| Sets the color of component when not focused. | ||
| border | ||
| Designates the border-radius applied to the component. This can be xs, sm, md, lg, xl. | ||
| color | ||
| Applies specified color to the control when in an active state or input-value is true - 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 , | ||
| density | ||
| Adjusts the vertical height used by the component. | ||
| disabled | ||
| Removes the ability to click or target the component. | ||
| elevation | ||
| Designates an elevation applied to the component between 0 and 24. You can find more information on the elevation page . | ||
| exact | ||
| Exactly match the link. Without this, ‘/’ will match every route. You can find more information about the exact prop on the vue-router documentation. | ||
| height | ||
| Sets the height for the component. | ||
| href | ||
| Designates the component as anchor and applies the href attribute. | ||
| lines | ||
| MISSING DESCRIPTION (edit in github ) | ||
| link | ||
| Designates that the component is a link. This is automatic when using the href or to prop. | ||
| max-height | ||
| Sets the maximum height for the component. | ||
| max-width | ||
| Sets the maximum width for the component. | ||
| min-height | ||
| Sets the minimum height for the component. | ||
| min-width | ||
| Sets the minimum width for the component. | ||
| nav | ||
| MISSING DESCRIPTION (edit in github ) | ||
| prepend-avatar | ||
| Prepends a v-avatar component in the prepend slot before default content. | ||
| prepend-icon | ||
| Creates a v-icon component in the prepend slot before default content. | ||
| replace | ||
| Setting replace prop will call router.replace() instead of router.push() when clicked, so the navigation will not leave a history record. You can find more information about the replace prop on the vue-router documentation. | ||
| ripple | ||
| Applies the v-ripple directive. | ||
| 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 . | ||
| slim | ||
| MISSING DESCRIPTION (edit in github ) | ||
| subtitle | ||
| Specify a subtitle text for the component. | ||
| tag | ||
| Specify a custom tag used on the root element. | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| title | ||
| Generates a v-list-item-title component with the supplied value. Note that this overrides the native title attribute, that must be set with v-bind:title.attr instead. | ||
| to | ||
| Denotes the target route of the link. You can find more information about the to prop on the vue-router documentation. | ||
| value | ||
| The value used for selection. | ||
| variant | ||
| Applies a distinct style to the component. | ||
| width | ||
| Sets the width for the component. | ||
事件
| 名称 | 类型 |
|---|---|
| click | |
| Event that is emitted when the component is clicked. | |
| clickOnce | |
| MISSING DESCRIPTION (edit in github ) | |
插槽
| append |
| Adds an item inside the input and after input content. |
| default |
| The default Vue slot. |
| prepend |
| Adds an item outside the input and before input content. |
| subtitle |
| Slot for the component’s subtitle content. |
| title |
| Slot for the component’s title content. |
可用属性
| isGroupActivator |
| MISSING DESCRIPTION (edit in github ) |
| isSelected |
| MISSING DESCRIPTION (edit in github ) |
| list |
| MISSING DESCRIPTION (edit in github ) |
| select |
| The function used to select an items. The first argument expects the value of the item. |