Rate 评分

avue-rate：数字，一般从 0 开始；max 决定最高评分。

通用属性、字典与事件见 基础组件使用约定。模板属性可写为 kebab-case，Form 配置对象使用 camelCase。

基础用法

效果预览可直接操作下方示例

独立组件通过 v-model 绑定单个字段；在 Form 中使用时，将相应配置放入 column。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :span="6">
      值: {{ form }}<br />
      <avue-rate v-model="form"></avue-rate>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue'

const form = ref(4)
</script>

属性

属性	类型	默认值	说明
max	number	5	上限
colors	array	—	评分颜色
texts / showText	array / boolean	— / false	各档文字与显示开关
disabled	boolean	false	仅展示时禁止修改

change 返回公共事件对象。包装层保留 iconClasses/voidIconClass，但图标效果依赖所用 Element Plus 版本，示例使用内置评分图标。