Vant Rate 评分
Vant Rate 评分主要用来实现一些星级打分、爱心打分等操作。
import Vue from 'vue'; import { Rate } from 'vant'; Vue.use(Rate);
<van-rate v-model="value" />
export default { data() { return { value: 3 }; } }
<van-rate v-model="value" icon="like" void-icon="like-o" />
<van-rate v-model="value" :size="25" color="#ee0a24" void-icon="star" void-color="#eee" />
<van-rate v-model="value" allow-half void-icon="star" void-color="#eee" />
export default { data() { return { value: 2.5 }; } }
<van-rate v-model="value" :count="6" />
<van-rate v-model="value" disabled />
<van-rate v-model="value" readonly />
<van-rate v-model="value" @change="onChange" />
export default { method: { onChange(value) { Toast('当前值:'+ value); } } }