Rate 评分
等级评估。
何时使用
用户对一个产品进行评分时可以使用。
只读模式
动态模式
动态模式-自定义
半选模式
使用color参数
Rate参数
| 参数 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| v-model | number | 0 | 必选，评分绑定的值 |
| read-only | boolean | false | 可选，设置是否为只读模式，只读模式无法交互 |
| count | number | 5 | 可选，设置总等级数 |
| color | string | -- | 可选，星星选中颜色 |
| allow-half | boolean | false | 可选，动态模式下是否允许半选 |
Rate事件
| 参数 | 类型 | 说明 | 回调参数 |
|---|---|---|---|
| change | (value: number) => void | 分值改变时触发 | 改变后的分值 |
Rate类型定义
OnTouchedType
ts
export type OnTouchedType = () => voidRate插槽
| 插槽名 | 说明 |
|---|---|
| default | 支持传入一个文本字符或svg图标（可以被color、fill改变颜色的） |
| info | 返回当前选中的值 可用于自定义评分描述 |