Rate 评分
规则
基础示例
Props 配置示例
禁用
尺寸对比(小 / 中 / 大)
Events 事件示例
value:number
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| allowClear | 再次点击清除 | boolean | true | - |
| allowHalf | 允许半星 | boolean | false | - |
| character | 自定义字符 | VueNode | (RateProps) => VueNode | StarFilled | - |
| className | 自定义类名 | string | - | - |
| count | 星星总数 | number | 5 | - |
| defaultValue | 默认值 | number | 0 | - |
| disabled | 只读 | boolean | false | - |
| keyboard | 键盘操作 | boolean | true | - |
| size | 尺寸 | small | middle | large | middle | - |
| style | 行内样式 | CSSProperties | - | - |
| tooltips | 每项提示 | TooltipProps[] | string[] | - | - |
| value | 当前值,支持 v-model:value | number | - | - |
Events
| 事件 | 说明 | 类型 | 版本 |
|---|---|---|---|
| change | 选择变化 | (value: number) => void | - |
| hoverChange | 悬停数值变化 | (value: number) => void | - |
| focus | 获取焦点 | () => void | - |
| blur | 失去焦点 | () => void | - |
| keydown | 按键 | (e: KeyboardEvent) => void | - |
| mouseleave | 鼠标离开 | (e: FocusEvent) => void | - |


