VSelectionControl API
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| base-color | ||
| Sets the color of the input when it is not focused. | ||
| 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 . | ||
| defaults-target | ||
| The target component to provide defaults values for. | ||
| density | ||
| 调整组件使用的垂直高度。 | ||
| disabled | ||
| 移除组件的单击或 target 功能。 | ||
| error | ||
| Puts the input in a manual error state. | ||
| false-icon | ||
| 处于不活动状态时使用的图标。 | ||
| false-value | ||
| Sets value for falsy state. | ||
| id | ||
| Sets the DOM id on the component. | ||
| inline | ||
| Puts children inputs into a row. | ||
| label | ||
| Sets the text of the v-label or v-field-label component. | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性，默认为空数组。 | ||
| multiple | ||
| Changes select to multiple. Accepts array for value. | ||
| name | ||
| 设置组件的 name 属性. | ||
| readonly | ||
| Puts input in readonly state. | ||
| ripple | ||
| 应用 v-ripple 指令。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| true-icon | ||
| 处于激活状态时使用的图标. | ||
| true-value | ||
| Sets value for truthy state. | ||
| type | ||
| Provides the default type for children selection controls. | ||
| value | ||
| 在组中选择组件时使用的值。如果没有提供，则使用唯一 ID。 | ||
| value-comparator | ||
| Apply a custom comparison algorithm to compare model-value and values contains in the items prop. | ||
事件
| 名称 | 类型 |
|---|---|
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| default |
| 默认Vue 插槽。 |
| input |
| The slot used for the default input element. |
| label |
| The default slot of the v-label or v-field-label component. |
可用属性
| input |
| Reference to the root input element. |
| isFocused |
| Will return true if the component is currently focused. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $selection-control-color | |
| $selection-control-density | |
| $selection-control-disabled-color | |
| $selection-control-error-color | |
| $selection-control-size | |