评分(Rating)

Quasar评分是允许用户评价项目的组件，通常称为“星级评定”。

对于辅助函数、错误消息占位符等许多其他功能，可与QField 很好地协作。

安装

编辑 /quasar.conf.js:

framework: {
  components: ['QRating']
}

基本用法

<q-rating v-model="ratingModel" :max="3" />

<!-- 禁用状态 -->
<q-rating
  disable
  v-model="ratingModel"
  :max="3"
/>

Vue属性

支持v-model，它应该绑定到范围内的数字。

Vue属性 类型 说明
max 数字 要显示的图标数量。
icon 字符串 用作等级的图标。 默认值：grade。
color 字符串 Quasar调色板颜色之一。
size 字符串 CSS大小字符串。 例如：’12px’，’2rem’。
readonly 布尔 显示为只读。
disable 布尔 当设置为“true”时，用户不能更改模型值并且评分变淡。

Vue方法

Vue方法 说明
set(value) 解析并设置该值。

Vue事件

Vue事件 说明
@input(newVal) 模型值更改时触发。
@change(newVal) 模型值延迟更改时触发。

着色

使用调色板中的一种Quasar颜色，如primary，secondary，orange-7，teal-2，用作CSS类：

<q-rating
  class="orange"
  v-model="ratingModel"
  :max="5"
/>
选择框 旋钮