用于快速的评级操作,或对评价进行展示。
<nut-rate
v-model="val"
>
</nut-rate>
只读
<nut-rate
v-model="val"
:readOnly="true"
>
</nut-rate>
绑定事件
<nut-rate
@click="onClick"
>
</nut-rate>
自定义尺寸
<nut-rate
:size="35"
>
</nut-rate>
自定义ICON
<nut-rate
:checkedIcon="icon1"
:uncheckedIcon="icon2"
></nut-rate>
| 字段 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| total | star 总数 | Number | 5 |
| value | 当前 star 数,可使用 v-model 双向绑定数据 | Number | 3 |
| size | star 大小 | Number | 25 |
| spacing | 两个star的间距 | Number | 20 |
| readOnly | 是否只读 | Boolean | false |
| uncheckedIcon | 使用图标(未选中) | String | - |
| checkedIcon | 使用图标(选中) | String | - |
| 字段 | 说明 | 回调参数 |
|---|---|---|
| click | 点击star时触发 | star的index |