怎么在el-table的show-overflow-tooltip属性生成桥的时候，往这个气泡el-tooltip__popper上添加一个class

在Element UI的`el-table`组件中，如果你想在`show-overflow-tooltip`属性显示溢出提示时，向弹出的气泡(`el-tooltip__popper`)添加自定义CSS类，你可以通过`tooltip-class`选项来实现。这个选项允许你在触发提示时动态设置`el-tooltip`的额外CSS类。

下面是一个示例：

<template>
  <el-table :data="tableData" :show-overflow-tooltip="shouldShowTooltip">
    <!-- ... -->
    <el-table-column tooltip-class="custom-tooltip-class" property="title" show-overflow-tooltip></el-table-column>
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 你的数据
      shouldShowTooltip: false, // 这里可以根据需要动态设置
    };
  },
  methods: {
    handleMouseEnter(row) {
      this.shouldShowTooltip = true;
      // 当鼠标进入行时，给el-tooltip__popper添加自定义类
      const tooltip = document.querySelector('.el-tooltip__popper');
      if (tooltip) {
        tooltip.classList.add('your-custom-class');
      }
    },
    handleMouseLeave() {
      this.shouldShowTooltip = false;
      // 鼠标离开时移除自定义类
      const tooltip = document.querySelector('.el-tooltip__popper');
      if (tooltip) {
        tooltip.classList.remove('your-custom-class');
      }
    },
  },
};
</script>

<style scoped>
.custom-tooltip-class {
  /* 定义你的自定义样式 */
  color: red;
  background-color: yellow;
}
</style>

在这个例子中，当鼠标进入表格行时，`handleMouseEnter`方法会设置`shouldShowTooltip`为真，并给`el-tooltip__popper`添加`custom-tooltip-class`类。当你不再需要这个提示时，`handleMouseLeave`会在鼠标离开时移除该类。