Skip to content

Rate 评分

规则

js
{
    type:"rate",
    field:"rate",
    title:"推荐级别",
    value:3.5,
    props:{
        count: 10,
    },
    validate:[
        {required:true,type:'number',min:3, message: '请大于3颗星',trigger:'change'}
    ]
}

参考:Ant-desing-vue_Rate

value :Number

Props

属性说明类型默认值
allowClear是否允许再次点击后清除booleantrue
allowHalf是否允许半选booleanfalse
autoFocus自动获取焦点booleanfalse
character自定义字符String or slot="character"<Icon type="star" />
countstar 总数number5
disabled只读,无法进行交互booleanfalse
tooltips自定义每项的提示信息string[]-

Events

事件名称说明回调参数
blur失去焦点时的回调Function()
change选择时的回调Function(value: number)
focus获取焦点时的回调Function()
hoverChange鼠标经过时数值变化的回调Function(value: number)
keydown按键回调Function(event)