Rate 评分

评分组件。

何时使用

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

代码演示

基本

最简单的用法。

<template>
    <v-rate v-model="star1" @change="_change"></v-rate>
</template>
<script>
    export default {
        data: function() {
            return {
                star1: 1
            };
        },
        methods: {
            _change(val) {
                console.log('selected:' + val);
            }
        }
    }
</script>

半星

支持选中半星。

<template>
    <v-rate allow-half :value='2.5'></v-rate>
</template>

文案展示

给评分组件加上文案展示。

<template>
    <v-rate v-model='star2' @change="_change">
        <span class='ant-rate-text'>{{ star2 }}星</span>
    </v-rate>
</template>
<script>
    export default {
        data: function() {
            return {
                star2: 6
            };
        },
        methods: {
            _change(val) {
                console.log('selected:' + val);
            }
        }
    }
</script>

只读

只读，无法进行鼠标交互。

<template>
    <v-rate disabled :value='2'></v-brate>
</template>

API

Rate Props

Rate Events