• Rate 评分
    • 基本用法
    • 允许半选
    • 辅助文字
    • 只读
    • Attributes
    • Events

    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分值改变时触发改变后的分值