vant/packages/rate/zh-CN.md

Rate 评分

使用指南

import { Rate } from 'vant';

Vue.use(Rate);

代码演示

基础用法

<van-rate v-model="value" />

export default {
  data() {
    return {
      value: 3
    };
  }
}

自定义颜色

<van-rate
  v-model="value"
  :size="25"
  :count="6"
  color="#2ba"
  void-color="#ceefe8"
/>

禁用状态

 <van-rate v-model="value" disabled />

API

参数	说明	类型	默认值
v-model	当前分值	Number	-
count	图标总数	Number	5
size	图标大小 (px)	Number	20
color	选中时的颜色	String	#ffd21e
void-color	未选中时的颜色	String	#c7c7c7
readonly	是否为只读状态	Boolean	false
disabled	是否禁用评分	Boolean	false
disabled-color	禁用时的颜色	String	#bdbdbd

Event

事件名称	说明	回调参数
change	当前分值变化时触发的事件	当前分值

更新日志

版本	类型	内容
1.3.0	feature	新增 readonly 属性
1.1.5	feature	新增 change 事件
1.1.2	feature	新增组件