element-ui tree组件中文字禁用

在 ElementUI 的 Tree 组件中，可以使用 `render-content` 插槽来自定义节点的显示内容。我们可以在这个插槽中使用 `el-tooltip` 组件来显示节点的信息，并且禁用其中的文本。

具体步骤如下：

1. 在 Tree 组件中添加 `render-content` 插槽，并在模板中使用 `el-tooltip` 组件来显示节点的信息，同时设置 `disabled` 属性禁用其中的文本。

<template>
  <el-tree :data="data">
    <template v-slot:render-content="{ node }">
      <el-tooltip content="节点信息" :disabled="true">
        <span>{{ node.label }}</span>
      </el-tooltip>
    </template>
  </el-tree>
</template>

2. 在 CSS 中设置 `el-tooltip__popper` 类的 `user-select` 属性为 `none`，以禁用提示框中的文本。

.el-tooltip__popper {
  user-select: none;
}

这样就可以禁用 Tree 组件中节点的文字了。完整代码如下：

<template>
  <el-tree :data="data">
    <template v-slot:render-content="{ node }">
      <el-tooltip content="节点信息" :disabled="true">
        <span>{{ node.label }}</span>
      </el-tooltip>
    </template>
  </el-tree>
</template>

<style>
.el-tooltip__popper {
  user-select: none;
}
</style>