更改星星颜色
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);
}