Rate

比例, 常用于作为评分功能, 支持v-model

基本使用

{
    data(){
        return {
            value1: 3.5,
            value2: 4.8,
            value3: 3.2,
        }
    },
}
    <div class="fill border-bottom">
        <h4>默认为宽度/高度为24px</h4>
        <v-rate  v-model="value1" :count="5" class="gutter-top-sm"/>
    </div>

    <div class="fill">
        <h4>当前value: {{value2}} | 尺寸: 16px</h4>
        <v-rate v-model="value2" :size="16" :count="5" class="gutter-top-sm"/>
    </div>

    <div class="fill">
        <h4>当前value: {{value3}}</h4>
        <v-rate v-model="value3" :count="5" class="gutter-top-sm"/>
    </div>

    <div class="fill">
        <h4>readonly</h4>
        <v-rate :value="7" :count="10" :is-read-only="true" class="gutter-top-sm"/>
    </div>

API

props
参数说明类型默认值可选值是否必选
value当前值Number--
count总数Number5-
size尺寸(同时应用到宽度和高度)Number24-
isReadOnly是否只读Booleanfalse-
events
名称说明参数参数类型
input返回当前值当前值Number
中国移动
19:01:30
86%