Rate 评分

实心评分

自定义评分数量

带描述评分

满意

组件状态

未评分状态

满分状态

半星状态

组件大小

可以通过 size 属性调整图标尺寸。

16px

24px

自定义评分图标

可以通过 icon 属性自定义高亮图标。

Rate Props

名称类型默认值描述必传
allowHalfBooleanfalse是否允许半选N
clearableBooleanfalse是否允许清除N
colorString / Array'#ED7B2F'评分图标的颜色,样式中默认为 #ED7B2F。一个值表示设置选中高亮的五角星颜色,示例:[选中颜色]。数组则表示分别设置 选中高亮的五角星颜色 和 未选中暗灰的五角星颜色,[选中颜色,未选中颜色]。示例:['#ED7B2F', '#E3E6EB']。TS 类型:string | Array<string>N
countNumber5评分的数量N
disabledBooleanundefined是否禁用评分N
gapNumber4评分图标的间距N
iconSlot / Function-自定义评分图标。TS 类型:TNode通用类型定义N
showTextBooleanfalse是否显示对应的辅助文字N
sizeString24px评分图标的大小N
textsArray[]评分等级对应的辅助文字。组件内置默认值为:['极差', '失望', '一般', '满意', '惊喜']。自定义值示例:['1分', '2分', '3分', '4分', '5分']。TS 类型:Array<string>N
valueNumber0选择评分的值。支持语法糖 v-modelN
defaultValueNumber0选择评分的值。非受控属性N
onChangeFunctionTS 类型:(value: number) => void
评分数改变时触发
N

Rate Events

名称参数描述
change(value: number)评分数改变时触发

何时使用