1.改变星星数量
:max 组件自带属性,设置最大星星数量
<el-rate v-model="evaluateData.eLevel" :max="4"> </el-rate>
2.改变星星对应的文字
:texts组件自带属性,自定义辅助文字,可以更换成想要的文字
<el-rate v-model="evaluateData.eLevel" :texts="texts" show-text> </el-rate>
<script>
data(){
return{
texts: ['差', '一般', '基本满意', '非常满意']
}
}
</script>
3.改变星星大小
为标签名设置样式
::v-deep.el-rate__icon {
//评分图标大小
font-size: 25px;
}