VRating API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| active-color | ||
| The applied color when the component is in an active state. | ||
| clearable | ||
| Allows for the component to be cleared by clicking on the current value. | ||
| 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 . | ||
| density | ||
| 调整组件使用的垂直高度。 | ||
| disabled | ||
| 移除组件的单击或 target 功能。 | ||
| empty-icon | ||
| The icon displayed when empty. | ||
| full-icon | ||
| The icon displayed when full. | ||
| half-increments | ||
| Allows the selection of half increments. | ||
| hover | ||
| Provides visual feedbac k when hovering over icons. | ||
| item-aria-label | ||
| MISSING DESCRIPTION (edit in github ) | ||
| item-label-position | ||
| Position of item labels. Accepts ‘top’ and ‘bottom’. | ||
| item-labels | ||
| Array of labels to display next to each item… | ||
| length | ||
| The amount of items to show. | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性,默认为空数组。 | ||
| name | ||
| 设置组件的 name 属性. | ||
| readonly | ||
| Removes all hover effects and pointer events. | ||
| ripple | ||
| 应用 v-ripple 指令。 | ||
| size | ||
| 设置组件的高度和宽度。默认单位是px。也可以使用以下预定义的大小:x-small、small、default、large和x-large。 | ||
| tag | ||
| 指定在根元素上使用的自定义标签。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
事件
| 名称 | 类型 |
|---|---|
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| item |
| The slot for each item. |
| item-label |
| The slot for each item label. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $rating-item-align-items | |
| $rating-item-button-opacity | |
| $rating-item-button-transition-property | |
| $rating-item-focused-button-overlay-opacity | |
| $rating-item-icon-transform | |
| $rating-item-transition-timing-function | |
| $rating-white-space | |