评分 Rate

好像大家都喜欢用星星打分。

基础使用

评分 Rate，传入 modelValue 进入受控模式。不传或者为 undefined 则为非受控模式，此时可以传入 defaultValue 属性作为默认值。

隐藏源代码

半颗星星

allowHalf 控制是否允许选择半颗星星。

隐藏源代码

只读、禁用

隐藏源代码

清空

clearable 为 true 时，点击当前值对应的位置，Rate 值会被清空，设置为 0。

隐藏源代码

自定义颜色

activeColor 设置激活时的颜色。

隐藏源代码

API

RateProps

属性	类型	可选	默认值	描述	版本
modelValue	number | null	是		评分组件 Rate 的值（受控模式）。	0.2.0
defaultValue	number | null	是		评分组件 Rate 的默认值（非受控模式）。	0.2.0
disabled	boolean	是	false	是否禁用。	0.2.0
readonly	boolean	是	false	是否只读。	0.2.0
clearable	boolean	是	false	是否可清除。	0.2.0
count	number	是	5	可选择图案的数量。	0.2.0
allowHalf	boolean	是	false	是否可选择半颗星。	0.2.0
activeColor	string	是	'#FFCC33'	激活时的颜色。详见 支持的颜色解析。	0.2.0
pollSizeChange	boolean	是	false	开启轮询组件尺寸变化，可能会影响性能。	0.2.0

RateEvents

事件	参数	描述	版本
update:modelValue	value: number	更新 modelValue 的回调。	0.2.0
change	value: number, event: Event	评分的值改变的回调。	0.2.0
select	value: number, event: MouseEvent	选择评分图案的回调。	0.2.0
clear	value: number, event: MouseEvent	清除评分的回调。	0.2.0
focus	event: FocusEvent	聚焦时的回调。	0.2.0
blur	event: FocusEvent	失焦时的回调。	0.2.0