SuperAPI AI 工具集

el-rate

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

用途:el-rate 是 Element Plus 的评分组件,适用于用户评分、商品评价、反馈打分和星级展示等场景。

主要能力:通过 v-model 绑定评分值(默认 0),max 设置最高分(默认 5);allow-half 支持半星;show-text 配合 texts 数组显示等级文字;show-score 配合 score-template 显示分数模板;disabled 用于只读展示;clearable 允许重置为 0;colors、void-color、icons、void-icon 可自定义各等级颜色与选中/未选中图标,图标可用 @element-plus/icons-vue 中的组件;size 支持 large、default、small;low-threshold(默认 2)与 high-threshold(默认 4)控制低/中/高等级阈值;text-color 设置文字颜色。事件方面,change 在值变化时触发,回调参数为数值。

必要用法:基础写法为 <el-rate v-model="value" />;半星加 allow-half;等级文字用 show-text 与 :texts="['Bad','Poor','Fair','Good','Excellent']";可重置加 clearable;自定义图标传入 icons 与 void-icon,并从 @element-plus/icons-vue 导入图标组件;只读展示使用 disabled、show-score 与 score-template="{value} points"。

适用场景与限制:适合表单评分与展示型星级。文档未提供具体版本要求、样式覆盖方式、无障碍行为及与表单校验集成的细节,这些暂未提供。