Rate 评分

规则

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

参考:Element_Rate (opens new window)

value :Number

props

参数	说明	类型	可选值	默认值
max	最大分值	number	—	5
disabled	是否为只读	boolean	—	false
allowHalf	是否允许半选	boolean	—	false
lowThreshold	低分和中等分数的界限值，值本身被划分在低分中	number	—	2
highThreshold	高分和中等分数的界限值，值本身被划分在高分中	number	—	4
colors	icon 的颜色数组，共有 3 个元素，为 3 个分段所对应的颜色	array	—	['#F7BA2A', '#F7BA2A', '#F7BA2A']
voidColor	未选中 icon 的颜色	string	—	#C6D1DE
disabledVoidColor	只读时未选中 icon 的颜色	string	—	#EFF2F7
iconClasses	icon 的类名数组，共有 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	是否显示辅助文字，若为真，则会从 texts 数组中选取当前分数对应的文字内容	boolean	—	false
showScore	是否显示当前分数，show-score 和 show-text 不能同时为真	boolean	—	false
textColor	辅助文字的颜色	string	—	#1F2D3D
texts	辅助文字数组	array	—	['极差', '失望', '一般', '满意', '惊喜']
scoreTemplate	分数显示模板	string	—	{value}

on 事件

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