el-tree悬浮文字提示

el-tree 是 Element UI 中的一个组件，支持树形结构。如果想要在 el-tree 上实现悬浮文字提示，可以使用 Element UI 中的 Tooltip 组件。具体做法如下：

1. 在 el-tree 节点上添加 Tooltip 组件，并设置相应的提示文本。

2. 在 Tooltip 组件上添加触发方式为 hover。

3. 通过 CSS 样式设置 Tooltip 的样式。

以下是实现代码示例：

<template>
  <el-tree :data="data">
    <template v-slot="{ node }">
      <span v-tooltip="{ content: node.label }">{{ node.label }}</span>
    </template>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '节点1',
          children: [
            {
              label: '子节点1'
            },
            {
              label: '子节点2'
            }
          ]
        },
        {
          label: '节点2',
          children: [
            {
              label: '子节点3'
            },
            {
              label: '子节点4'
            }
          ]
        }
      ]
    }
  }
}
</script>

<style>
/* Tooltip 样式 */
.el-tooltip__popper {
  max-width: 200px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
}
</style>

通过在节点上添加 Tooltip 组件，并设置触发方式为 hover，就可以实现 el-tree 上的悬浮文字提示了。同时，通过 CSS 样式可以设置 Tooltip 的样式。