vant/docs/markdown/en-US/rate.md

Rate

Install

import { Rate } from 'vant';

Vue.use(Rate);

Usage

Basic Usage

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

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

Custom Color

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

Disabled

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

Rate API

Attribute	Description	Type	Default
v-model	Current rate	Number	-
count	Count	Number	5
size	Icon size (px)	Number	20
color	Selected color	String	#ffd21e
void-color	Void color	String	#c7c7c7
disabled-color	Disabled color	String	#bdbdbd
disabled	Whether to disable rate	Boolean	false