养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Element如何设置Rate评分的颜色

时间:2024-10-25 19:27:59

在使用Element开发vue项目时,如何设置Rate不同评分显示不同的颜色效果呢?如图

Element如何设置Rate评分的颜色

Element如何设置Rate评分的颜色

Element如何设置Rate评分的颜色

方法/步骤

1、打开一个vue文件,添加Rate评分组件设置value值为null。如图

Element如何设置Rate评分的颜色

Element如何设置Rate评分的颜色

2、在Rate组件上添加colors属性,设置颜色分辨为灰色、黄色、橙色。如图

Element如何设置Rate评分的颜色

Element如何设置Rate评分的颜色

3、保存vue文件后使用浏览器打开,点击两颗星星颜色显示为灰色,点击三颗星星颜色显示为黄色,点击慧艘挛鲚五颗星星颜色显示为橙色。如图

Element如何设置Rate评分的颜色

Element如何设置Rate评分的颜色

Element如何设置Rate评分的颜色

© 一点知识