评分 Rate
评分组件基本用法。
自定义评分字符
Section titled “自定义评分字符”可以将星星替换为其他字符，比如表情、字母，数字，字体图标甚至中文。
通过设置 allow-clear 来允许清除评分。
通过 color 可以自定义颜色。另外可以通过对象形式自定义不同分值时的颜色。
任意长度的评分
Section titled “任意长度的评分”通过指定 count 来指定任意长度的评分组件。
通过 grading 使用笑脸分级。
指定 allow-half 来开启半选。
通过设置 readonly 属性让评分组件为只读状态。
<rate> Props
Section titled “<rate> Props”| 参数名 | 描述 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| count | 评分的总数 | number |
5 |
|
| model-value (v-model) | 绑定值 | number |
- |
|
| default-value | 默认值 | number |
0 |
|
| allow-half | 是否允许半选 | boolean |
false |
|
| allow-clear | 是否允许清除 | boolean |
false |
|
| grading | 是否开启笑脸分级 | boolean |
false |
|
| readonly | 是否为只读状态 | boolean |
false |
|
| disabled | 是否禁用 | boolean |
false |
|
| color | 颜色 | string | Record<string, string> |
- |
2.18.0 |
<rate> Events
Section titled “<rate> Events”| 事件名 | 描述 | 参数 |
|---|---|---|
| change | 值改变时触发 | value: number |
| hover-change | 鼠标移动到数值上时触发 | value: number |
<rate> Slots
Section titled “<rate> Slots”| 插槽名 | 描述 | 参数 |
|---|---|---|
| character | 符号 | index: number |