layui/example/docs/zh-CN/components/rate.md

::: title 基础使用 :::

::: demo

<script> import { ref } from 'vue'; export default { setup() { const all1 = ref(0) return { all1 } } } </script>

:::

::: title 响应结果 :::

::: demo

{{all}} <script> import { ref } from 'vue' export default { setup() { const all = ref(4) return { all } } } </script>

:::

::: title 指定长度 :::

::: demo

<script> import { ref } from 'vue'; export default { setup() { const all2 = ref(4); const length = ref(10) return { all2, length } } } </script>

:::

::: title 只读模式 :::

::: demo

<script> import { ref } from 'vue'; export default { setup() { const all3 = ref(4) return { all3 } } } </script>

:::

::: title 定义主题 :::

::: demo

<script> import { ref } from 'vue'; export default { setup() { const all4 = ref(4) return { all4 } } } </script>

:::

::: title 评分属性 :::

::: table

属性	描述	默认值
v-model	评分值	--
length	评分长度	--
readonly	只读模式	--

:::