Rate 评分

评分组件

基本用法

Rate 评分 - 图1

允许半选

可支持鼠标选择半星

Rate 评分 - 图2

辅助文字

用辅助文字直接地表达对应分数

Rate 评分 - 图3

只读

只读的评分用来展示分数，允许出现半星

Rate 评分 - 图4

Attributes

参数说明类型可选值默认值
max最大分值number—5
disabled是否为只读boolean—false
allowHalf是否允许半选boolean—false
lowThreshold低分和中等分数的界限值，值本身被划分在低分中number—2
highThreshold高分和中等分数的界限值，值本身被划分在高分中number—4
colorsicon 的颜色数组，共有 3 个元素，为 3 个分段所对应的颜色array—['#F7BA2A', '#F7BA2A', '#F7BA2A']
voidColor未选中 icon 的颜色string—#C6D1DE
disabledVoidColor只读时未选中 icon 的颜色string—#EFF2F7
iconClassesicon 的类名数组，共有 3 个元素，为 3 个分段所对应的类名array—['el-icon-star-on', 'el-icon-star-on','el-icon-star-on']
voidIconClass未选中 icon 的类名string—el-icon-star-off
disabledVoidIconClass只读时未选中 icon 的类名string—el-icon-star-on
showText是否显示辅助文字boolean—false
textColor辅助文字的颜色string—1F2D3D
texts辅助文字数组array—['极差', '失望', '一般', '满意', '惊喜']
textTemplate只读时的辅助文字模板string—{value}

Events

事件名称说明回调参数
onChange分值改变时触发改变后的分值