v-tooltip

a-tooltip 指令版。解决简单使用场景还需要用 a-tooltip 包裹一层的问题。

• v-tooltip="'测试'", 一般用法
• v-tooltip.exceed="'测试'", 当内容超出绑定元素的宽度时显示
• v-tooltip="{enabled: true, content: '测试'}", 受控的是否启用

代码演示

基本用法

简化a-tooltip的使用

<template>
  <a class="pointer" v-tooltip="code">
    {{ code }}
  </a>
</template>

<script setup lang="ts">
import { ref } from "vue";
const code = ref("RF0000000018R");
</script>