Rate 评分

对事物进行快速的评级操作，或对评价进行展示。

基础用法

基本用法。

半星

<template>
    <Rate allow-half v-model="valueHalf" />
</template>
<script>
    export default {
        data () {
            return {
                valueHalf: 2.5
            }
    }
</script>

显示提示

设置属性 show-text 可以显示提示文字。

提示内容也可以通过 slot 自定义。

只读

设置属性 disabled 开启只读模式，无法交互。

    <Rate disabled v-model="valueDisabled" />
</template>
<script>
    export default {
        data () {
            return {
                valueDisabled: 2
            }
        }
    }
</script>

清除

支持允许或者禁用清除。

自定义字符或图标

设置 character 属性，可以自定义字符。

设置 icon 或 custom-icon 属性，可以自定义图标。

    <Rate v-model="value3" character="A" />
    <Rate v-model="value4" character="好" />
    <Rate v-model="value5" icon="ios-heart" />
</template>
<script>
    export default {
        data () {
            return {
                value3: 3,
                value4: 3,
                value5: 3
            }
        }
    }

Rate events