ant-design-vue/components/slider/demo/show-tooltip.vue

34 lines
669 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<docs>
---
order: 7
title:
zh-CN: 控制 ToolTip 的显示
en-US: Control visible of ToolTip
---
## zh-CN
`tooltipVisible` `true` 将始终显示 ToolTip反之则始终不显示即使在拖动移入时也是如此
## en-US
When `tooltipVisible` is `true`, ToolTip will show always, or ToolTip will not show anyway, even if dragging or hovering.
</docs>
<template>
<a-slider v-model:value="value" :tooltip-visible="true" />
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
const value = ref<number>(30);
return {
value,
};
},
});
</script>