Rate 评分

规则

基础示例

半选与清空

禁用与显示分数

Events 示例

Props

名称	类型	默认值	说明
allow-half	boolean	false	是否允许半选
clearable	boolean	false	是否可清空
colors	[string, string, string]	['#FADB14', '#FADB14', '#FADB14']	icon 颜色数组
disabled	boolean	false	是否为只读
disabled-void-color	string	'#D9D9D9'	禁用状态未选中 icon 颜色
disabled-void-icon-class	IRateIconName	'icon-starActive'	只读状态未选中 icon 样式名
high-threshold	number	4	高分界限值
icon-classes	[IRateIconName, IRateIconName, IRateIconName]	['icon-starActive', 'icon-starActive', 'icon-starActive']	三段图标样式名
low-threshold	number	2	低分界限值
max	number	5	最大分值
modelValue / v-model	number	0	绑定值
radio	boolean	false	其他形态单选
score-template	string	'{value}'	分数模板
show-score	boolean	false	是否显示分数
show-text	boolean	false	是否显示辅助文字
size	string	'18px'	图标大小
space	string	'24px'	图标占宽
text-color	string	'#666666'	辅助文字颜色
text-on-bottom	boolean	false	是否在图标下显示文字
texts	string[]	['很差', '差', '一般', '好', '很好']	辅助文字数组
void-color	string	'#BFBFBF'	未选中 icon 颜色
void-icon-class	IRateIconName	'icon-starDisable'	未选中 icon 样式名

Events

名称	类型	说明
change	(value: number) => void	分值改变触发