什么是 vue-multiple-rate-gjf
vue-multiple-rate-gjf 是一个 Vue.js 组件，旨在为用户提供多样化的评分组件。用户可以选择多个小星星，而不是直接选择一个整数评分值。
安装
你可以使用 npm 或 yarn 安装 vue-multiple-rate-gjf
npm install vue-multiple-rate-gjf
或
yarn add vue-multiple-rate-gjf
如何使用
在你的 Vue 组件中，使用以下标签来引入 vue-multiple-rate-gjf：
<multiple-rate :value="3.5" @change="handleChange"/>
props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value | Number | 0 | 当前评分 |
| total | Number | 5 | 星星的总数 |
| show-value | Boolean | true | 是否在星星底部展示评分值 |
| readonly | Boolean | false | 是否只读 |
| iconClass | String | star | 星星图标的 class 名称 |
| iconSize | Number | 24 | 星星图标的大小 |
| activeColor | String | #FFB800 | 选中的星星颜色 |
| inactiveColor | String | #C7C7C7 | 未选中的星星颜色 |
事件
| 事件名称 | 说明 |
|---|---|
| change | 当评分值改变时触发的事件 |
示例代码
基础示例
-- -------------------- ---- -------
----------
-----
-------------- ------------ ------------------------
------
-----------
--------
------ ------------ ---- -----------------------
------ ------- -
----------- -
------------
--
-------- -
------------------- -
--------------------- ------
-
-
-
---------只读模式
-- -------------------- ---- -------
----------
-----
-------------- ------------ ------------------
------
-----------
--------
------ ------------ ---- -------------
- ------------------------------------------------------------------------------ --------
------------------------------------------------------------------------------------------------------------------------