Rating (打分器)
打分器常用于评价功能
其他UI框架中很少有这个
代码示例
指定默认星级,获取选中星级
通过v-model进行双向绑定,值为数值类型。
星级的数量
count属性改变星级的数量,默认为5个。
自定义每个星级对应的文字
texts数组用来自定义文字,默认为:['非常差', '差', '一般', '好', '非常好']。
export default {
data () {
return {
texts: ['一塌糊涂', '不好', '一般般', '不错', '很棒']
}
}
}
更改星级文字的位置
text-position默认为right,显示在星级的右侧。可选的值有:bottom,right
绑定选中星级后的回调事件change
change(selectedCount),回调参数为选中的星级个数
export default {
methods: {
handleChange (selectedCount) {
this.$toast({
position: 'bottom',
message: `你选择的星级为${selectedCount}`,
duration: 600
})
}
}
}