Rate 评分

使用指南

  1. import { Rate } from 'vant';
  3. Vue.use(Rate);

代码演示

基础用法

  1. <van-rate v-model="value" />
  1. export default {
  2.   data() {
  3.     return {
  4.       value: 3
  5.     };
  6.   }
  7. }

自定义颜色

  1. <van-rate
  2.   v-model="value"
  3.   :size="25"
  4.   :count="6"
  5.   color="#2ba"
  6.   void-color="#ceefe8"
  7. />

禁用状态

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

API

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

Event

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

原文:

https://youzan.github.io/vant/#/zh-CN/rate