3.9 KiB
3.9 KiB
::: title 基础使用 :::
::: demo
:::
::: title 显示文字 :::
::: demo
:::
::: title 半星效果 :::
::: demo
:::
::: title 自定义内容 :::
::: demo
{{customText(value)}} {{value}}:::
::: title 指定长度 :::
::: demo
:::
::: title 触发事件 :::
::: demo
F12 打开调试工具 -> console 控制面板进行查看
:::
::: title 只读模式 :::
::: demo
:::
::: title 定义主题 :::
::: demo
:::
::: title 评分属性 :::
::: table
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
v-model | 评分值 | number | 0 |
length | 评分长度 | number | 5 |
readonly | 只读模式 | boolean | false |
theme | 只读模式 | string | #ffb800 |
half | 设定组件是否可以选择半星 | boolean | false |
text | 是否显示评分对应的内容 | boolean | false |
is-block | 评分是否显示为快元素 | boolean | false |
:::
::: title 插槽 :::
::: table
属性 | 描述 | 参数 |
---|---|---|
-- | 默认插槽,自定义内容时可以使用为 | { value } |
:::
::: title 事件 :::
::: table
属性 | 描述 | 回调参数 |
---|---|---|
select | 选中之后触发事件 | (value: number) |
:::