Rate 评分组件 APP
该方法或组件支持移动端小程序调用
PC
该方法或组件支持桌面端小程序调用

在页面中展示评分组件。

引入方式

数字生活小程序工程中,不需要 import,直接使用组件标签即可。

import { Rate } from '@21cnfe/vui'  
Vue.component('Rate', Rate)

代码演示

基本用法
<Rate :defaultValue="3" @onChange="handleChange"/>
允许清除
<Rate allowClear :defaultValue="3"/>
自定义尺寸
<Rate size="lg"/>
自定义评分数
<Rate :max="10"/>
显示评分
<Rate :value="3" showScore/>
显示提示信息
<Rate :value="3" showTips />
自定义星星间隔
<Rate :value="3" :margin="10"/>
只读
<Rate disabled :defaultValue="4.2" showScore />

Event

事件名称 说明 回调参数
onChange 激活或取消评分时调用 data 评分值

API

属性 说明 类型 默认值
defaultValue 默认值 String --
allowClear 允许清除 Boolean --
size 自定义尺寸 String lg,md,sm
max 自定义评分数 String --例如:10
showScore 显示分数 Boolean --
showTips 显示提示信息 Boolean --
margin 自定义星星间隔 String 10
disabled 只读 Boolean --
  1. 1. Rate 评分组件 APP 该方法或组件支持移动端小程序调用 PC 该方法或组件支持桌面端小程序调用
    1. 1.1. 引入方式
    2. 1.2. 代码演示
    3. 1.3. Event
    4. 1.4. API