kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
29 lines (27 loc) • 625 B
Markdown
<cn>
### 文案展现 / 允许清除
给评分组件加上文案展示。
</cn>
```vue
<template>
<Space vertical>
<Space>
<Rate :tooltips="desc" v-model="value" />
{{ tipText }}
</Space>
<br />
<code>allowClear = true</code>
<Rate :allowClear="true" :value="3" />
<code>allowClear = false</code>
<Rate :allowClear="false" :value="3" />
</Space>
</template>
<script setup>
import { ref, computed } from "vue";
const value = ref(3);
const desc = ["terrible", "bad", "normal", "good", "wonderful"];
const tipText = computed(() => {
return desc[value.value - 1];
});
</script>
```