Skip to content

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