element ui 相关 -------星星评分

更改星星颜色

html:
<el-rate v-model="star" :colors="colors" show-text></el-rate>
js:
//颜色对应为1-2星,3颗星,4-5颗星
colors: ['#6BAE80', '#6BAE80', '#6BAE80']

更改对应评分文字内容

html:
<el-rate v-model="star"  :texts=this.texts show-text></el-rate>
js:
texts: ['糟糕', '差', '一般', '好', '超赞']

更改星星图标大小

.el-rate__icon {
  font-size: 8vw;
}

获取评分值

html:
<el-rate @change="changeRate" v-model="star"  show-text></el-rate>
js:
changeRate(value) {
          console.log(value);
        }