Skip to content

评价

v-rating 组件是构建用户界面时,特别却重要的一环。通过评分组件,收集用户的评价,虽然简单,但是可以为你的产品或者应用获取大量的用户评价。

使用

v-rating 组件为收集用户反馈提供了一个简单的界面。

API

组件描述
v-rating主要组件

示例

属性

颜色

v-rating 件可以根据您的需要进行着色,您可以设置选定和未选定的颜色。

间距

使用 density 属性来控制 v-rating 项占据的空间。

可清除

通过使用 clearable 属性,点击当前评分值可以重置评分。

只读

对于不打算更改的评分,可以使用 readonly 属性。

悬停效果

当使用 hover 属性时,评分图标在鼠标悬停时将变为实心颜色,并略微增加其大小。

标签文字

v-rating 组件可以在每个项的上方或下方显示标签。

图标

您可以使用自定义图标。

长度

通过修改 length 属性来改变项目的数量。

半增量

half-increments half-increments 属性增加了评分的细粒度,允许包含 .5 值。

尺寸

使用 v-icon 中提供的相同尺寸等级,或提供您自己的 size 属性。

辅助标签

为每个项目提供一个辅助技术的标签。

插槽

项目插槽

插槽提供了高级定制的可能性,并为您提供了更多的自由,可以自定义评分的显示方式。

自定义标签文字插槽

item-label 插槽中可以显示任意内容作为标签。

其他

卡片评级

评级组件与产品搭配良好,使你能够收集和显示客户反馈。