Rate 评分

评分组件

基础用法

评分被分为三个等级，可以利用颜色对分数及情感倾向进行分级（默认情况下不区分颜色）。三个等级所对应的颜色用过colors属性设置，而它们对应的两个阈值则通过 low-threshold 和 high-threshold 设定。

 1 <div class="block">
 2   <span class="demonstration">默认不区分颜色</span>
 3   <el-rate v-model="value1"></el-rate>
 4 </div>
 5 <div class="block">
 6   <span class="demonstration">区分颜色</span>
 7   <el-rate
 8     v-model="value2"
 9     :colors="['#99A9BF', '#F7BA2A', '#FF9900']">
10   </el-rate>
11 </div>
12 
13 <script>
14   export default {
15     data() {
16       return {
17         value1: null,
18         value2: null
19       }
20     }
21   }
22 </script>

View Code