<script setup>
import { Tooltip, Button } from '@king-design/vue';
import { ref } from 'vue';

const show = ref(true);
</script>

<template>
  <div class="flex p-20">
    <Tooltip :disabled="show" content="展示">
      <Button class="mr-8">设置了不展示提示，实际悬浮展示了</Button>
    </Tooltip>
  </div>
  <Button @click="show = !show">switch</Button>
  <div class="p-20">{{ show ? '展示12' : '不展示122222' }}</div>
</template>

<style>
.p-20 {
  padding: 20px;
}

.flex {
  display: flex;
}

.mr-8 {
  margin-right: 8px;
}
</style>
