悬浮在el-form-item__label上显示提示

你可以使用 `el-tooltip` 组件来实现悬浮在 `el-form-item__label` 上显示提示的效果。具体实现步骤如下：

1. 在 `el-form-item` 中添加 `label` 属性，并将其值设置为需要展示提示的文本。
2. 在 `el-form-item__label` 上添加 `ref` 属性，以便后续引用该元素。
3. 在 `el-form-item__label` 上添加 `v-if` 属性，并设置为需要展示提示的条件。
4. 在 `el-form-item__label` 上添加 `el-tooltip` 组件，并设置 `content` 属性为需要展示的提示文本。
5. 在 `el-form-item__label` 上添加 `slot-scope` 属性，并设置为 `scope`。
6. 在 `el-tooltip` 组件中，使用 `slot-scope` 属性绑定 `scope`，并使用 `v-if` 属性判断是否需要展示提示。

示例代码如下：

<el-form-item label="性别">
  <template v-slot:label>
    <div ref="labelRef">性别<span v-if="isShowTip">*</span></div>
    <el-tooltip class="item" effect="dark" placement="top" :content="tipContent" :disabled="!isShowTip">
      <div slot="content">请选择您的性别</div>
    </el-tooltip>
  </template>
  <el-select v-model="gender" placeholder="请选择">
    <el-option label="男" value="male"></el-option>
    <el-option label="女" value="female"></el-option>
  </el-select>
</el-form-item>

export default {
  data() {
    return {
      gender: '',
      isShowTip: true
    }
  },
  computed: {
    tipContent() {
      return this.isShowTip ? '请选择您的性别' : ''
    }
  },
  mounted() {
    if (this.$refs.labelRef) {
      const labelWidth = this.$refs.labelRef.offsetWidth
      const itemWidth = this.$el.offsetWidth
      this.isShowTip = labelWidth > itemWidth
    }
  }
}

在上述代码中，我们通过 `$refs` 引用了 `el-form-item__label` 元素，并在 `mounted` 钩子函数中判断了该元素是否溢出，以决定是否需要展示提示。同时，我们使用了 `v-if` 和 `v-slot` 来动态渲染 `el-tooltip` 组件和提示文本。